@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;} html, body {height:100%;}
@font-face {font-family: 'Gotham'; font-weight:normal; font-style:normal; src: url('fonts/GothamBook.eot'); src: url('fonts/GothamBook.eot?#iefix') format('embedded-opentype'), url('fonts/GothamBook.woff2') format('woff2'), url('fonts/GothamBook.woff') format('woff'), url('fonts/GothamBook.ttf') format('truetype'), url('fonts/GothamBook.svg#Gotham') format('svg'); }
@font-face {font-family: 'Gotham'; font-weight:700; font-style:normal; src: url('fonts/GothamMedium.eot'); src: url('fonts/GothamMedium.eot?#iefix') format('embedded-opentype'), url('fonts/GothamMedium.woff2') format('woff2'), url('fonts/GothamMedium.woff') format('woff'), url('fonts/GothamMedium.ttf') format('truetype'), url('fonts/GothamMedium.svg#Gotham') format('svg'); }

.body {background:#010203 url(images/body-bg.jpg) no-repeat 50% 50%; background-size:cover; color:#fff; font-family:'Gotham', sans-serif; font-size:16px; line-height:1.35em; display:table; width:100%;}
.logo {width:80%; max-width:582px; margin:0 auto 55px; text-align:center;} .logo img {max-width:100%; height:auto; border:0 none; transition:all 400ms;}
.logo h3 {color:#0099cc; font-size:36px; line-height:1; text-transform:uppercase; font-weight:700;} .logo h1 img {margin-left:25px;}
.logo .flags {margin:5px 0 40px;} .logo .flags img {margin:0 2px;}

.vm-wrap {display:table-cell; vertical-align:middle; width:100%; padding:20px 0 25px;}

.wrap {max-width:840px; width:90%; margin:0 auto; position:relative;}
.wrap .half {float:left; padding:0px 25px; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.wrap .half.first {width:55%;} .wrap .half.last {width:45%;}

.content {font-size:16px; line-height:1.35em;} .content span.b {color:#0099cc; font-weight:700;} 
.content p {padding-bottom:16px;}  .content.last p {padding-bottom:30px;} .content *:last-child {padding-bottom:0 !important;}
.content a {text-decoration:none; color:#fff;} .content a:hover {color:#0099cc;}

@media (max-width: 1280px){
	.body {background-attachment:fixed;} .logo h1 img {max-width:388px;} 
	.logo .flags img {max-width:32px;} .logo h3 {font-size:30px;} .content {font-size:15px;}
}
@media (max-width: 980px) and (min-width: 768px) { 
	.content {font-size:14px;} .wrap .half.first {width:53%; padding:0 15px;} 
	.wrap .half.last {width:47%; padding:0 15px;}
}
@media (max-width: 767px){
	
	.logo, .logo .flags {margin-bottom:20px;} .logo h1 img {max-width:220px; margin-left:20px;}
	.wrap .half.first, .wrap .half.last {width:100%; padding:0 10px;} .wrap .half.last {margin-top:25px;}
	.content {font-size:13px; line-height:1.5em;} .content p, .content.last p {padding-bottom:12px;} .logo h3 {font-size:25px;}
}
@media (max-width:420px) and (orientation: portrait) { .logo h3 {font-size:18px;} }