.page_banner.padding_ratio:before{
	padding-bottom: 25%
}
.page_banner .content{
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);

}
.page_banner .page-title{
	font-size: 2.5em;
	text-transform: uppercase;
}
@media(max-width: 667px){
	.page_banner.padding_ratio:before{
		padding-bottom:70%
	}
	.page_banner .page-title{
		font-size: 1.6em;
	}
}
@media(min-width: 668px)and (max-width: 800px){
	.page_banner.padding_ratio:before{
		padding-bottom:40%
	}
}