header {
	background: #004185;
	background: -moz-linear-gradient(top, #002551 0%, #004185 51%, #002551 100%);
	background: -webkit-gradient(linear, top color-stop(0%,#002551), color-stop(51%,#004185), color-stop(100%,#002551));
	background: -webkit-linear-gradient(top, #002551 0%,#004185 51%,#002551 100%);
	background: -o-linear-gradient(top, #002551 0%,#004185 51%,#002551 100%);
	background: -ms-linear-gradient(top, #002551 0%,#004185 51%,#002551 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002551', endColorstr='#002551',GradientType=1 );
	background: linear-gradient(top, #002551 0%,#004185 51%,#002551 100%);
	border-bottom: solid 1px #3f3f41;
	margin-bottom: 13px;
	min-height: 188px;
}

header > .wrapper {
	background-image: url("../../images/flag.png");
	background-repeat: no-repeat;
	background-size: cover;
}

header .sponsored {
	display: inline-block;
	margin: 25px 0 0 1%;
	vertical-align: top;
	width: 76.9%;
}

header .sponsored > p {
	color: #fff;
	font-family: "Helvetica-Condensed-Black";
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: -1px;
	margin-bottom: 5px;
	text-align: center;
	text-shadow: 1px 2px 1px #000;
}

header .sponsored > div{
	position: relative;
	left: -85px;
}

header .sponsored ul {
	border: solid 1px #2f6294;
	background-image: url("../../images/logos-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 106px;
	padding: 0 2% 0 0;
	text-align: center;
}

header .sponsored ul:before{
	background-image: url("../../images/sponsored_by.png");
	background-position: center;
	background-repeat: no-repeat;
	border-right: solid 1px #2f6294;
	content: " ";
	display: block;
	float: left;
	height: 105px;
	width: 25px;
}

header .sponsored ul > li {
	color: #f3b80d;
	display: inline-block;
	font-family: 'OpenSans-Semibold';
	font-size: 0.875em;
	vertical-align: top;
	margin-top: 15px;
	margin: 15px 1% 0;
	text-align: center;
	text-shadow: 1px 2px 1px #000;
}

header .sponsored ul > li:last-child {
	margin-right: 0;
}

header .sponsored ul > li > img {
	display: block;
	margin: 0 auto 5px;
}

@media  
    only screen and (-webkit-min-device-pixel-ratio:  3)       and (max-width: 3072px),
    only screen and (   min--moz-device-pixel-ratio: 3)       and (max-width: 3072px), 
    only screen and (     -o-min-device-pixel-ratio: 3/1)     and (max-width: 3072px),
    only screen and (        min-device-pixel-ratio: 3)       and (max-width: 3072px),
    only screen and (                min-resolution: 3dppx)   and (max-width: 3072px),
    only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 2048px),
    only screen and (   min--moz-device-pixel-ratio: 2)       and (max-width: 2048px),
    only screen and (     -o-min-device-pixel-ratio: 2/1)     and (max-width: 2048px),
    only screen and (        min-device-pixel-ratio: 2)       and (max-width: 2048px),
    only screen and (                min-resolution: 2dppx)   and (max-width: 2048px),
    only screen and (-webkit-min-device-pixel-ratio: 1.5)     and (max-width: 1536px),
    only screen and (   min--moz-device-pixel-ratio: 1.5)     and (max-width: 1536px),
    only screen and (     -o-min-device-pixel-ratio: 3/2)     and (max-width: 1536px),
    only screen and (        min-device-pixel-ratio: 1.5)     and (max-width: 1536px),
    only screen and (                min-resolution: 1.5dppx) and (max-width: 1536px),
    only screen and (-webkit-min-device-pixel-ratio: 1)       and (max-width: 1024px),
    only screen and (   min--moz-device-pixel-ratio: 1)       and (max-width: 1024px),
    only screen and (     -o-min-device-pixel-ratio: 1/1)     and (max-width: 1024px),
    only screen and (        min-device-pixel-ratio: 1)       and (max-width: 1024px),
    only screen and (                min-resolution: 1dppx)   and (max-width: 1024px) {
    	header {
			padding-bottom: 20px;
		}
    	header .logo {
			display: block;
			margin: 0 auto;
			width: 260px;
		}
		header .sponsored {
			display: block;
			margin: 0 auto;
			width: 90%;
		}
    }

@media  
    only screen and (-webkit-min-device-pixel-ratio:  3)       and (max-width: 2505px),     
    only screen and (   min--moz-device-pixel-ratio: 3)       and (max-width: 2505px),  
    only screen and (     -o-min-device-pixel-ratio: 3/1)     and (max-width: 2505px),  
    only screen and (        min-device-pixel-ratio: 3)       and (max-width: 2505px),  
    only screen and (                min-resolution: 3dppx)   and (max-width: 2505px),  
    only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 1670px),   
    only screen and (   min--moz-device-pixel-ratio: 2)       and (max-width: 1670px),   
    only screen and (     -o-min-device-pixel-ratio: 2/1)     and (max-width: 1670px),   
    only screen and (        min-device-pixel-ratio: 2)       and (max-width: 1670px),   
    only screen and (                min-resolution: 2dppx)   and (max-width: 1670px),   
    only screen and (-webkit-min-device-pixel-ratio: 1.5)     and (max-width: 1253px),   
    only screen and (   min--moz-device-pixel-ratio: 1.5)     and (max-width: 1253px),   
    only screen and (     -o-min-device-pixel-ratio: 3/2)     and (max-width: 1253px),   
    only screen and (        min-device-pixel-ratio: 1.5)     and (max-width: 1253px),   
    only screen and (                min-resolution: 1.5dppx) and (max-width: 1253px),   
    only screen and (-webkit-min-device-pixel-ratio: 1)       and (max-width: 835px),   
    only screen and (   min--moz-device-pixel-ratio: 1)       and (max-width: 835px),   
    only screen and (     -o-min-device-pixel-ratio: 1/1)     and (max-width: 835px),   
    only screen and (        min-device-pixel-ratio: 1)       and (max-width: 835px),   
    only screen and (                min-resolution: 1dppx)   and (max-width: 835px) {
        header .sponsored ul > li {
            margin: 15px 3%;
        }
        header .sponsored ul:before{
            height: 229px;
        }
    }

@media  
    only screen and (-webkit-min-device-pixel-ratio:  3)       and (max-width: 1575px),     
    only screen and (   min--moz-device-pixel-ratio: 3)       and (max-width: 1575px),  
    only screen and (     -o-min-device-pixel-ratio: 3/1)     and (max-width: 1575px),  
    only screen and (        min-device-pixel-ratio: 3)       and (max-width: 1575px),  
    only screen and (                min-resolution: 3dppx)   and (max-width: 1575px),  
    only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 1050px),   
    only screen and (   min--moz-device-pixel-ratio: 2)       and (max-width: 1050px),   
    only screen and (     -o-min-device-pixel-ratio: 2/1)     and (max-width: 1050px),   
    only screen and (        min-device-pixel-ratio: 2)       and (max-width: 1050px),   
    only screen and (                min-resolution: 2dppx)   and (max-width: 1050px),   
    only screen and (-webkit-min-device-pixel-ratio: 1.5)     and (max-width: 788px),   
    only screen and (   min--moz-device-pixel-ratio: 1.5)     and (max-width: 788px),   
    only screen and (     -o-min-device-pixel-ratio: 3/2)     and (max-width: 788px),   
    only screen and (        min-device-pixel-ratio: 1.5)     and (max-width: 788px),   
    only screen and (                min-resolution: 1.5dppx) and (max-width: 788px),   
    only screen and (-webkit-min-device-pixel-ratio: 1)       and (max-width: 525px),   
    only screen and (   min--moz-device-pixel-ratio: 1)       and (max-width: 525px),   
    only screen and (     -o-min-device-pixel-ratio: 1/1)     and (max-width: 525px),   
    only screen and (        min-device-pixel-ratio: 1)       and (max-width: 525px),   
    only screen and (                min-resolution: 1dppx)   and (max-width: 525px) {
        header .sponsored ul:before{
            height: 342px;
        }
    }

@media  
    only screen and (-webkit-min-device-pixel-ratio:  3)       and (max-width: 1080px) and (orientation: portrait),     
    only screen and (   min--moz-device-pixel-ratio: 3)       and (max-width: 1080px) and (orientation: portrait),  
    only screen and (     -o-min-device-pixel-ratio: 3/1)     and (max-width: 1080px) and (orientation: portrait),  
    only screen and (        min-device-pixel-ratio: 3)       and (max-width: 1080px) and (orientation: portrait),  
    only screen and (                min-resolution: 3dppx)   and (max-width: 1080px) and (orientation: portrait),  
    only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 720px) and (orientation: portrait),   
    only screen and (   min--moz-device-pixel-ratio: 2)       and (max-width: 720px) and (orientation: portrait),   
    only screen and (     -o-min-device-pixel-ratio: 2/1)     and (max-width: 720px) and (orientation: portrait),   
    only screen and (        min-device-pixel-ratio: 2)       and (max-width: 720px) and (orientation: portrait),   
    only screen and (                min-resolution: 2dppx)   and (max-width: 720px) and (orientation: portrait),   
    only screen and (-webkit-min-device-pixel-ratio: 1.5)     and (max-width: 540px) and (orientation: portrait),   
    only screen and (   min--moz-device-pixel-ratio: 1.5)     and (max-width: 540px) and (orientation: portrait),   
    only screen and (     -o-min-device-pixel-ratio: 3/2)     and (max-width: 540px) and (orientation: portrait),   
    only screen and (        min-device-pixel-ratio: 1.5)     and (max-width: 540px) and (orientation: portrait),   
    only screen and (                min-resolution: 1.5dppx) and (max-width: 540px) and (orientation: portrait),   
    only screen and (-webkit-min-device-pixel-ratio: 1)       and (max-width: 360px) and (orientation: portrait),   
    only screen and (   min--moz-device-pixel-ratio: 1)       and (max-width: 360px) and (orientation: portrait),   
    only screen and (     -o-min-device-pixel-ratio: 1/1)     and (max-width: 360px) and (orientation: portrait),   
    only screen and (        min-device-pixel-ratio: 1)       and (max-width: 360px) and (orientation: portrait),   
    only screen and (                min-resolution: 1dppx)   and (max-width: 360px) and (orientation: portrait) {
        header .sponsored ul > li {
            margin: 10px auto;
            width: 85%;            
        }
        header .sponsored ul:before{
            height: 605px;
        }
    }

@media  
    only screen and (-webkit-min-device-pixel-ratio:  3)      and (max-width: 960px) and (orientation: portrait),
    only screen and (   min--moz-device-pixel-ratio: 3)       and (max-width: 960px) and (orientation: portrait),  
    only screen and (     -o-min-device-pixel-ratio: 3/1)     and (max-width: 960px) and (orientation: portrait),  
    only screen and (        min-device-pixel-ratio: 3)       and (max-width: 960px) and (orientation: portrait),  
    only screen and (                min-resolution: 3dppx)   and (max-width: 960px) and (orientation: portrait),  
    only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 640px) and (orientation: portrait),   
    only screen and (   min--moz-device-pixel-ratio: 2)       and (max-width: 640px) and (orientation: portrait),   
    only screen and (     -o-min-device-pixel-ratio: 2/1)     and (max-width: 640px) and (orientation: portrait),   
    only screen and (        min-device-pixel-ratio: 2)       and (max-width: 640px) and (orientation: portrait),   
    only screen and (                min-resolution: 2dppx)   and (max-width: 640px) and (orientation: portrait),   
    only screen and (-webkit-min-device-pixel-ratio: 1.5)     and (max-width: 480px) and (orientation: portrait),   
    only screen and (   min--moz-device-pixel-ratio: 1.5)     and (max-width: 480px) and (orientation: portrait),   
    only screen and (     -o-min-device-pixel-ratio: 3/2)     and (max-width: 480px) and (orientation: portrait),   
    only screen and (        min-device-pixel-ratio: 1.5)     and (max-width: 480px) and (orientation: portrait),   
    only screen and (                min-resolution: 1.5dppx) and (max-width: 480px) and (orientation: portrait),   
    only screen and (-webkit-min-device-pixel-ratio: 1)       and (max-width: 320px) and (orientation: portrait),   
    only screen and (   min--moz-device-pixel-ratio: 1)       and (max-width: 320px) and (orientation: portrait),   
    only screen and (     -o-min-device-pixel-ratio: 1/1)     and (max-width: 320px) and (orientation: portrait),   
    only screen and (        min-device-pixel-ratio: 1)       and (max-width: 320px) and (orientation: portrait),   
    only screen and (                min-resolution: 1dppx)   and (max-width: 320px) and (orientation: portrait) {
    	header .logo {
			display: block;
			margin: 0 auto;
			width: 100%;
		}
    	header .sponsored ul > li {
            margin: 10px auto;
            width: 85%;            
        }
		header .logo > img {
			width: 100%;
		}
		header .sponsored ul:before{
			height: 605px;
		}
    }