@font-face{font-family:'NeuchaRegular';src:local('NeuchaRegular'),url('../fonts/NeuchaRegular.eot'),url('../fonts/NeuchaRegular.eot?#iefix') format('embedded-opentype'),url('../fonts/NeuchaRegular.woff') format('woff'),url('../fonts/NeuchaRegular.ttf') format('truetype');font-style:normal;font-weight:normal}
*{padding:0;margin:0;border:0;-moz-transition:all .3s 10ms ease;-o-transition:all .3s 10ms ease;-webkit-transition:all .3s 10ms ease;transition:all .3s 10ms ease}
img{border:0}
body{min-height:100vh;background-color:#bcecff;background-image:url(../img/hills.png);background-repeat:no-repeat;background-position:bottom center;background-size:100% auto;position:relative;font-family:'NeuchaRegular'}
#logo{margin-top:20px}
h1{font-family:'NeuchaRegular';font-size:55px;color:#242166;font-weight:normal;text-align:center}
.col-3{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-content:flex-start;-ms-align-items:flex-start;align-items:flex-start;flex-wrap:wrap;width:33%;width:calc(100%/3);height:100%;position:absolute;top:0}
.col-3.center{left:33%;left:calc(100%/3)}
.col-3.left{left:0}
.col-3.right{right:0}
.app-link{width:100%;position:relative;top:150px;text-align:center}
.gaga{width:147px;height:257px;background-image:url(../img/gaga.png);background-position:center center;background-repeat:no-repeat;background-size:contain;position:absolute;bottom:300px}
.social-container{width:260px;height:165px;position:absolute;bottom:270px}
.social-container .fb{display:block;width:27px;height:27px;background-image:url(../img/fb.png);background-position:center center;background-repeat:no-repeat;position:absolute;top:0;right:0}
.social-container .inst{display:block;width:27px;height:27px;background-image:url(../img/inst.png);background-position:center center;background-repeat:no-repeat;position:absolute;top:32px;right:0}
.social-container .text{width:210px;height:98px;background-image:url(../img/text.png);background-position:center center;background-repeat:no-repeat;position:absolute;top:0;left:0}
.social-container .bebe{width:169px;height:98px;background-image:url(../img/bebe.png);background-position:center center;background-repeat:no-repeat;position:absolute;bottom:0;left:54px}
@media only screen and (max-width:1450px){
.social-container{bottom:175px}
.gaga{bottom:190px}
}
@media only screen and (max-width:1400px) and (max-height:760px){
body{background-position:center calc(100% + 50px)}
#logo{width:300px}
.app-link{top:50px}
.gaga{width:140px;height:250px;bottom:120px}
.social-container{bottom:110px}
h1{font-size:45px}
}
@media only screen and (max-width:1199px){
#logo{width:300px}
h1{font-size:42px}
.social-container{bottom:140px}
.gaga{bottom:150px}
}
@media only screen and (max-width:1199px) and (max-height:760px){
.gaga{bottom:100px}
.social-container{bottom:80px}
}
@media only screen and (max-width:991px){
body{display:block;padding:0 15px}
.col-3.left,.col-3.center,.col-3.right{width:100%;padding-bottom:20px;position:relative;top:0;right:0;left:0}
#logo{width:200px}
h1{width:100%;padding:0 20px;font-size:35px}
.app-link{top:0}
.gaga{width:100px;bottom:20px;right:20px}
.social-container{width:27px;height:59px;bottom:0;left:20px}
.social-container .text{display:none}
.social-container .bebe{width:100px;bottom:-170px;background-size:contain;left:0}
}
@media only screen and (max-width:767px){
body{background-position:center bottom}
.gaga{width:80px;height:150px;right:10px;bottom:10px}
}
@media only screen and (max-width:479px){
.app-link img{width:60%}
h1{font-size:30px}
.social-container{left:0}
.bebe{display:none}
.gaga{display:none}
/*.gaga{width:60px;height:100px;right:0;bottom:20px}*/
}