@font-face {font-family:rbold;src: url(../fonts/rbold.woff);src:url(../fonts/rbold.woff) format('woff'), url(../fonts/rbold.ttf)format('truetype');font-display: swap;}
@font-face {font-family:rreg;src: url(../fonts/rreg.eot);src:url(../fonts/rreg.woff) format('woff'), url(../fonts/rreg.ttf) format('truetype');font-display: swap;}
@font-face {font-family:rlight;src: url(../fonts/rlight.eot);src:url(../fonts/rlight.woff) format('woff'), url(../fonts/rlight.ttf) format('truetype');font-display: swap;}

body{margin:0;padding:0;}
header{width:100%; height:100px; max-height: 90px;overflow:hidden; background:#000; position:fixed;top:0; left:0;}
header h1.logo{width:30%;margin:0.5% 0 0 1%;}
header h1.logo a{display:block;text-decoration:none;}
header h1.logo a span.logotxt1{font-size:0.8em; color:#008dc3;font-family:rbold;text-transform:uppercase;margin-left:1%;}
header h1.logo a span.logotxt2{font-size:0.5em; color:#FFF;font-family:rlight;margin-left:1%;display:block;text-transform:uppercase;}
header h1.logo a picture{width:16%; height:auto;display:block;float:left;}
header h1.logo a picture img{width:100%; height:100%;}



.wrapper{width:100%; height:auto; position:relative;}
.icecube{display:block; width:15%; height:auto;margin:0 auto;margin-top:4%;}
.icecube img{width:100%; height:100%;}
h2{color:#008dc3;text-align:center; font-family:rbold; font-size:4em;margin:3% 0;width:100%;}
p{color:#000; font-family:rreg;font-size:1.2em;width:100%; margin:10px 0;text-align:center;}
.wa{width:6%; height:auto; display:block; margin:0 auto;}
.wa img{width:100%;height:100%; }

@media screen and (min-width:957px) and (max-width:1200px){
header h1.logo a picture{width:23%; }
}

@media screen and (min-width:769px) and (max-width:956px){
	header h1.logo a picture{width:30%; }
}

@media screen and (min-width:1px) and (max-width:768px){
.icecube{width:50%;}
.wa{width:25%;}
header h1.logo a span.logotxt2,header h1.logo a span.logotxt1{display: none;}
header h1.logo a picture{width:40%;}
}