/* work.css — scoped to body.route-work (cv, happening, every work page) */

body.route-work h1 {
	font-size: 37px;
}
body.route-work .view {
	flex: 1 1 auto;
	min-width: 0;
	max-width: 1400px;
	padding: 33.5px 30px 30px;
	text-align: left;
}
body.route-work .head {
	max-width: 1000px;
	margin-top: 0;
	margin-bottom: 50px;
}
body.route-work .homePara {
	padding-left: 0;
	max-width: 1000px;
	margin-top: 0;
	margin-bottom: 70px;
}
body.route-work .homePara h3 {
	margin: 0;
	padding: 0;
	padding-top: 15px;
	padding-bottom: 3px;
}
body.route-work .homePara p {
	margin-top: 0;
}
body.route-work .homePara ul {
	margin: 0;
	padding-left: 20px;
}
body.route-work .homePara li {
	padding-bottom: 6px;
}

body.route-work .work-images {
	text-align: center;
	max-width: 1100px;
}
body.route-work .video-still-container {
	background-color: black;
	width: 100%;
	max-width: 400px;
	margin: auto;
	padding: 7px;
}
body.route-work .video-still-container figcaption {
	color: white;
}
body.route-work .riista-container {
	background-color: #DDDDDD;
	width: 100%;
	max-width: 600px;
	margin: auto;
	padding: 12px;
	margin-bottom: 150px;
}
body.route-work .video-still-img {
	width: 100%;
	max-width: 400px;
}
body.route-work .riista .click-zoom-l {
	margin-bottom: 15px;
}
body.route-work .riista-img {
	width: 100%;
	max-width: 600px;
}
body.route-work .land-width {
	width: 100%;
	max-width: 1100px;
}
body.route-work .port-width {
	width: 100%;
	max-width: 600px;
}
body.route-work .click-zoom-s, body.route-work .click-zoom-l {
	margin-bottom: 170px;
}

/* Happening page theme */
body.route-work .theme-happening .head {
	color: rgb(280 0 141);
}
body.route-work .theme-happening .head h1 {
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	line-height: 58.4px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 60px;
}
body.route-work .theme-happening .head p {
	margin-top: 0;
	padding: 0;
	font-size: 45px;
	font-family: georgia, serif;
	margin-bottom: 70px;
}
body.route-work .theme-happening .work-images {
	text-align: right;
}
body.route-work .theme-happening .land-width {
	max-width: 760px;
}
body.route-work .theme-happening .click-zoom-l {
	margin: 0;
	padding: 0;
}
body.route-work .logo-container {
	margin-top: 25px;
	margin-bottom: 45px;
}
body.route-work #logo-1 {
	max-width: 125px;
}
body.route-work #logo-2 {
	max-width: 230px;
}

@media screen and (max-width: 1070px) {
	body.route-work .theme-happening .land-width {
		max-width: 90%;
	}
	body.route-work .theme-happening .work-images {
		text-align: center;
	}
}
@media screen and (max-width: 750px) {
	body.route-work .view {
		padding: 10px;
	}
	body.route-work .homePara {
		font-size: 20px;
	}
	body.route-work .head h1 {
		font-size: 27px;
	}
	body.route-work .head h2 {
		font-size: 24px;
	}
	body.route-work .click-zoom-s, body.route-work .click-zoom-l, body.route-work .video-still-container, body.route-work .riista-container {
		margin-bottom: 30px;
	}
	body.route-work figcaption {
		font-size: 13px;
	}
	body.route-work .theme-happening .head h1 {
		font-size: 40px;
		line-height: 40px;
	}
	body.route-work .theme-happening .head p {
		font-size: 25px;
	}
	body.route-work #logo-1 {
		max-width: 100px;
	}
	body.route-work #logo-2 {
		max-width: 210px;
	}
}
