@font-face{src:url("../fonts/Danzza-Bold.otf");font-family:'Danzza-Bold'}@font-face{src:url("../fonts/Danzza-Light.otf");font-family:'Danzza-Light'}@font-face{src:url("../fonts/Danzza-Medium.otf");font-family:'Danzza-Medium'}@font-face{src:url("../fonts/Danzza-Regular.otf");font-family:'Danzza-Regular'}body{background-color:#015696;margin:0px;padding:0px}.header{position:relative;background-color:#011d33;width:100%;height:60px;border-bottom:solid #16acdf 2px}.header .logo{float:left;margin-left:20px;margin-top:15px}.header .logo img{height:30px}.header .name{position:absolute;top:0px;left:0px;right:0px;bottom:0px;text-align:center}.header .name p{margin:0px;padding:0px;color:#16acdf;font-family:Danzza-Regular;font-size:20px;line-height:60px}.menu{width:240px;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media (max-width: 767px) and (orientation: landscape){.menu{top:200px}}.menu .item{width:80px;padding:0px 20px;float:left;margin-bottom:30px}.menu .item a{color:#16acdf;text-decoration:none;text-align:center}.menu .item a img{width:80%;margin-left:10%}.menu .item a p{width:100%;font-family:Danzza-Regular;font-size:20px;margin:0px;padding:0px}.footer{position:fixed;bottom:30px;left:0;width:100%;text-align:center}@media (max-width: 767px) and (orientation: landscape){.footer{position:relative;top:270px;bottom:0px;margin-bottom:30px}}.footer a{color:#14acde;text-decoration:underline;font-family:Danzza-Regular;font-size:20px}