@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400,600,700&subset=latin,latin-ext);

body{padding:0;margin:0; font: 14px "Open Sans", Arial, sans-serif; line-height:1.3em; max-width:100%; overflow-x:hidden;}
body#world{background:#b4dcfc url(map_world.svg) 0 60px no-repeat; background-size:contain;}
body#europe{background:#b4dcfc url(map_europe.svg) 100% 40px no-repeat; background-size:contain;}
a {color: #00a5df;}
a img{border:none;}
div, ul, li, a, span, article, img, h1, h2, h3, fieldset{box-sizing:border-box}
h1, h2.h1-style{clear:both; font-family:"Lobster",serif; color:white; font-size:4em; text-transform: none; letter-spacing: 0em; text-align: center; background: #888; /* text-shadow: 3px 3px #00a5df; */ line-height:0.95em;margin:0 0 .5em;font-weight:400;clear:both;}
h2 {font-size: 1.4em; margin: 2em 0 .2em; color: #333; font-weight: normal; text-transform: uppercase; letter-spacing: .1em; margin: 0; width: 100%;}
ul{padding:0.5em 1em; font-size:1.25rem; list-style: none}
li {display: inline-block; padding: 0.1em 0.5em;}

#flexbox, #flexbox2, #flexbox3 {display: flex; flex-wrap: wrap; justify-content: center;}
.brandbox {	border: 1px solid #ccc; display: inline-flex; flex-flow: row wrap; justify-content: center; flex-grow:1; line-height: 2em; background: rgba(255,255,255,0.85); width: 260px; margin: 1em; }
.brandbox.big {flex-grow: 2; width: 40%;}
.brandbox.last {flex-grow: 3; width: auto;}
.brandbox img {width: auto;	height: 30px; margin-top:15px;}
.logo{padding-top: 5px; text-align: center;}

@media only screen and (max-width: 799px){
	.brandbox.big {width:auto;}
	h1{font-size:3em;}
}