#main { position: relative; }
#main > .header-bg {
	position: absolute; left: 0; right: 0; z-index: -1;
	display: block;
	
	background-position: center;
	background-size: cover;
}
#main > .content-wrapper {}
#main > .content-wrapper > main {
	position: relative;
	padding-top: 70px;
	padding-bottom: 70px;
	padding-right: 45px;
	
	color: #FFF;
}
@media (min-width: 1200px) {
	#main > .header-bg { height: 780px; }
	#main > .content-wrapper { padding-top: 495px; }
	#main > .content-wrapper > main { margin-right: 50%; }
}
@media (max-width: 1199.99px) and (min-width: 600px) {
	#main > .header-bg { height: 680px; }
	#main > .content-wrapper { padding-top: 395px; }
	#main > .content-wrapper > main { margin-right: 20%; }
}
@media (max-width: 599.99px) {
	#main > .header-bg {
		top: 100px;
		height: calc(140vw - 50px);
	}
	#main > .content-wrapper { padding-top: 130vw; }
}
#main > .content-wrapper > main:before {
	content: "";
	position: absolute; top: 0; right: 0; bottom: 0; left: min(-45px, calc(((100vw - 100px - 1290px + 90px) / 2) * -1)); z-index: -1;
	
	background-color: #136064;
}

/*--------------------------------------------------------------------------------------------------------------*/

#main > .content-wrapper > main {}
#main > .content-wrapper > main > .title {
	margin-bottom: 35px;
	
	font-weight: 100;
	color: #47B0B5;
}
#main > .content-wrapper > main > .subtitle > span { display: block; }
#main > .content-wrapper > main > .body { font-size: 15px; }
@media (min-width: 1200px) {
	#main > .content-wrapper > main > .title { font-size: 30px; }
	#main > .content-wrapper > main > .subtitle { margin-bottom: 55px; }
}
@media (max-width: 1199.99px) {
	#main > .content-wrapper > main > .title { font-size: 24px; }
	#main > .content-wrapper > main > .subtitle { margin-bottom: 45px; }
}
#main > .content-wrapper > main > .body > h2 {
	margin-bottom: 10px;
	font-size: 18px;
}
#main > .content-wrapper > main > .body > p:not(:last-child) { margin: 0 0 30px; }
#main > .content-wrapper > main > .body > p > a {
	background-image: linear-gradient(to bottom, transparent calc(100% - 2px), #E45C4A 100%);
	background-repeat: no-repeat;
	background-size: 0 100%; transition: background-size .2s ease-out;
	
	text-decoration: none;
	font-weight: 600;
	color: #E45C4A;
}
#main > .content-wrapper > main > .body > p > a:hover { background-size: 100% 100%; }