body{
	background-size: cover;
	background-repeat: no-repeat;
	/*padding-bottom: 92px;*/
}

section#main{
	/*max-width: none;*/
}

h1{
	background-color: rgb(42,82,107);
	background-color: rgba(42,82,107, 0.9);
	/*background-image: url("../../images/general/c.png");*/
	/*background-repeat: no-repeat;*/
	border-bottom: solid 1px #00aef0;
	color: #fff;
	box-shadow: 0 1px 1px #333 inset;
	font-family: "Gotham-Medium";
	position: relative;
	text-transform: uppercase;
}

h1>span,
h1>a{
	position: relative;
}

h1.homepage>a:before,
h1>span:before{
	background-image: url("../../images/general/c.png");
	content: " ";
	display: block;
	height: 150%;
	position: absolute;
	top: -22%;
	left: -18%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	width: 20%;
}

h1{
	background-position: 36.5% center;
	background-size: 10%;
	font-size: 3.8em;
	margin-top: 1.9%;
	padding: 1.4% 2.9%;
	padding-left: 14%;
	text-align: right;
	width: 64.7%;
}

h1>a{
	color: #fff;
}

h1:after{
	background-color: rgb(87, 145, 0);
	background-color: rgba(87, 145, 0, 0.9);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom: solid 1px #17A2D7;
	content: " ";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
}

h1:after{
	background-size: 100% auto;
	right: -2.5%;
	width: 2.5%;
}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 1280px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 1280px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 1280px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 1280px),
		all and (                min-resolution: 96dpi ) and (max-width: 1280px){
/*@media all and (max-width: 1280px){*/
	h1{
		width: 72%;
	}
}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 1024px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 1024px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 1024px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 1024px),
		all and (                min-resolution: 96dpi ) and (max-width: 1024px){
/*@media all and (max-width: 1024px){*/
	h1{
		font-size: 3.5em;
		width: 80%;
	}
}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 800px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 800px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 800px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 800px),
		all and (                min-resolution: 96dpi ) and (max-width: 800px){
/*@media all and (max-width: 800px){*/
	body.homepage{
		padding-bottom: 200px;
	}
	h1{
		font-size: 2.0em;
	}
}


@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 640px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 640px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 640px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 640px),
		all and (                min-resolution: 96dpi ) and (max-width: 640px){
/*@media all and (max-width: 800px){*/
	h1,
	h1.homepage{
		background-image: url("../../images/general/c.png");
		background-repeat: no-repeat;
		background-size: contain !important;
	}
}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-height: 640px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-height: 640px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-height: 640px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-height: 640px),
		all and (                min-resolution: 96dpi ) and (max-height: 640px){
			body{
				padding-bottom: 20%;
			}
}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 480px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 480px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 480px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 480px),
		all and (                min-resolution: 96dpi ) and (max-width: 480px){
/*@media all and (max-width: 480px){*/
	h1{
		font-size: 1.5em;
	}

	h1>a:before, h1>span:before{
	   /* left: -70%;
	    height: 150%;
	    top: -23%;
	    width: 100%;	*/	
	}

}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 320px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 320px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 320px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 320px),
		all and (                min-resolution: 96dpi ) and (max-width: 320px){
/*@media all and (max-width: 320px){*/
	h1{
		font-size: 1.1em;
	}
}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 240px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 240px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 240px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 240px),
		all and (                min-resolution: 96dpi ) and (max-width: 240px){
/*@media all and (max-width: 240px){*/
	h1{
		font-size: 1em;
	}
}