#header {}
#header > .content-wrapper {}
#header > .content-wrapper > .title {
	margin: 0;
	
	text-align: center;
	color: var(--off-color);
}

@media (min-width: 900px) {
	#header > .content-wrapper { padding: 350px 0 60px; }
	#header > .content-wrapper > .title {
		font-size: 80px;
		font-weight: 700;
	}
}
@media (max-width: 899.99px) {
	#header > .content-wrapper { padding: 270px 0 60px; }
	#header > .content-wrapper > .title {
		font-size: 30px;
		font-weight: 400;
	}
}

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

#main {}
#main > .content-wrapper {
	background-color: #FFF;
	border: solid .5px var(--off-color);
	box-shadow: 0px 4px 4px rgba(0,0,0,.25);
}
#main > .content-wrapper > .content {
	max-width: 950px;
	margin: 0 auto;
	
	font-weight: 300;
}

@media (min-width: 900px)	 {
	#main > .content-wrapper {
		padding: 140px 50px;
		border-radius: 30px;
	}
	#main > .content-wrapper > .content {
		line-height: 34px;
		font-size: 20px;
	}
}
@media (max-width: 899.99px) {
	#main > .content-wrapper {
		padding: 45px 25px;
		border-radius: 10px;
	}
	#main > .content-wrapper > .content {
		line-height: 30px;
		font-size: 18px;
	}
}