/* ------------------------------- COMMON ------------------------------- */

.page_cover {position: relative;}

.page_title {
	position: absolute; display: table-cell; vertical-align: bottom; bottom: 0; left: 0; padding: 30px 0 30px 10%;
	z-index: 5; opacity: 0.9; filter: alpha(opacity=90); min-height: 100px; width: 100%; line-height: 130%;
	text-transform: none; color: #fff; font-size: 26px; letter-spacing: 0.5px; font-weight: 300; background: rgba(0,0,0,0.3);
}

.page_photo {position: relative; width: 100%; height: 450px;}

.page_photo:before {
	content: ''; position: absolute; left: 0; bottom: 0; height: 150px; width: 100%; z-index: 2;
	background: -webkit-linear-gradient(top, rgba(12,17,22,0) 0%, rgba(12,17,22,0.7) 100%);
	background: linear-gradient(to bottom, rgba(12,17,22,0) 0%, rgba(12,17,22,0.7) 100%);
}

.page_body {padding: 70px 10% 120px 10%; color: #6a6a6a; line-height: 20px;}

/* ------------------------------- ADAPTIVE DESIGN ------------------------------- */

@media screen and (min-width: 1400px)  {
	.page_title {padding: 30px 0 30px 20%;}
	.page_body {padding: 70px 20% 120px 20%;}
}

@media screen and (max-width: 800px)  {
	.page_title {padding: 30px 0 30px 30px;}
	.page_photo {height: 300px;}
	.page_body {padding: 30px 30px 50px 30px;}
}