@charset "UTF-8";
/* CSS Document */

body, html {margin:0; padding:0; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; background-color:#fff; font-size:1.3rem;}
body {overflow-x:hidden; width:100vw;}
#header {display:block; width:100%; height:auto; padding:50px 0; background-image: url("images/header.jpg"); background-repeat: no-repeat; background-position:center center; background-size:cover; min-height:500px; background-attachment: fixed; background-color:rgba(0,0,0,0.2);}
h1 {display:block; margin:0 auto; padding:0 50px; width:auto; height:auto; max-width:400px;}
h1 img {display:inline-block; width:100%; height:auto;}
h2 {width:auto; max-width:900px; display:block; margin:0 auto; text-align:center; color:#fff; font-weight:400; padding:50px;}
h3 {color:#000; text-align:center; display:block; width:auto; max-width:850px; margin:0 auto; padding:50px; font-weight:200;}
h4, h5 {text-align:center; color:#fff; margin:0; padding:0;}
h4 {font-weight:400;}
h5 {font-weight:200;}
.box {width:calc(33.3vw - 2px); float:left; border:1px solid white; height:auto; background-color:#efefef; display:block; background-attachment:fixed; background-size:cover; position:relative;}
.box-inner:hover {background-color:rgba(0,0,0,0.5);}
.box-inner {width: 100%; height: 0; padding-bottom: 100%; background-color:rgba(0,0,0,0.2);}
.box-content {height:150px; margin-top:calc(50% - 75px); display:inline-block; width:100%;}
.box a:link, .box a:visited, .box a:active, .box a:hover {color:#fff; text-decoration:none; display:block; padding-bottom:10px; cursor:pointer;}
.flag {display:block; width:120px; height:70px; margin:0 auto;}
.box-link {height:auto; overflow:hidden; padding:0; position:absolute; top:0; bottom:0; left:0; right:0;}
.flag img {display:inline-block; width:120px; height:70px;}
.double {width:250px;}
.double img:nth-child(1) {padding-right:10px;}
.triple {width:250px; height:150px; margin-top:-25px;}
.triple img {padding-bottom:5px;}
.triple img:nth-child(1) {padding-right:10px;}
.triple img:nth-child(3) {padding-left: calc(50% - 60px);}
.quad {width:250px; height:150px; margin-top:-25px;}
.quad img {padding-bottom:5px;}
.quad img:nth-child(1) {padding-right:10px;}
.quad img:nth-child(3) {padding-right:10px;}

.country-usa {background-image: url("images/country-usa.jpg"); background-repeat: no-repeat;}
.country-canada {background-image: url("images/country-canada.jpg"); background-repeat: no-repeat;}
.country-uk {background-image: url("images/country-uk.jpg"); background-repeat: no-repeat;}
.country-dach {background-image: url("images/country-dach.jpg"); background-repeat: no-repeat;}
.country-sa {background-image: url("images/country-sa.jpg"); background-repeat: no-repeat;}
.country-cr {background-image: url("images/country-cr.jpg"); background-repeat: no-repeat;}
.country-australia {background-image: url("images/country-australia.jpg"); background-repeat: no-repeat;}
.country-nz {background-image: url("images/country-nz.jpg"); background-repeat: no-repeat;}
.country-norden {background-image: url("images/country-sweden.jpg"); background-repeat: no-repeat;}
.country-benelux {background-image: url("images/country-benelux.jpg"); background-repeat: no-repeat;}
.country-brasil {background-image: url("images/country-brasil.jpg"); background-repeat: no-repeat;}
.country-kenya {background-image: url("images/country-kenya.jpg"); background-repeat: no-repeat;}
.country-zambia {background-image: url("images/country-zambia.jpg"); background-repeat: no-repeat;}
.country-himalayas {background-image: url("images/country-himalayas.jpg"); background-repeat: no-repeat;}
.country-chile {background-image: url("images/country-chile.jpg"); background-repeat: no-repeat;}
.country-mexico {background-image: url("images/country-mexico.jpg"); background-repeat: no-repeat;}
.country-spare {background-color:#efefef;}
.country-spare .box-inner {background-color:#efefef;}

#footer {background-color:#666; display:block; padding:30px; clear:both; border-top:1px solid white;}
#footer p {display:block; text-align:center; width:auto; max-width:700px; color: #fff; margin:0 auto; font-weight:200; font-size:18px; padding:10px;}
#footer a:link, #footer a:visited {color:#fff; text-decoration:none; border-bottom:1px dotted white;}

@media screen and (max-width: 1024px) {

	body {font-size:1rem;}
	#header {min-height:1px; background-attachment:scroll;}
	.box {background-attachment:scroll; background-size:100% 100%;}
	
}

@media screen and (max-width: 767px) {

	h2 {font-size:1rem;}
	h3 {font-size:0.9rem;}
	.box {float:none; width:100%;  background-attachment:scroll; background-size:100% 100%; border-left:0; border-right:0;}
	.country-spare {display:none;}
	
}