@font-face {
    font-family: ttfont;
    src: url(font.otf);
}
body{
    background-image: url("images/bg.png");
    background-color: #003861;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    font-family: ttfont,sans-serif;
    background-attachment: fixed;
    min-height: 90vh;
}
.logo{
    max-width: 100%;
    display: inline-block;
    margin: 20px 0;
}
ul.menu{
    display: inline-block;
    text-align: center;
    list-style: none;
    padding: 0;
}
ul.menu li{
    display: inline-block;
    min-width: 55%;
}
ul.menu li a{
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
}
ul.menu li a img{
    display: inline-block;
    float: left;
    max-width: 15%;
}
ul.menu li a span{
    display: inline-block;
    text-align: left;
    float: right;
    width: 83%;
    color: #fff;
}
ul.menu li:hover a{
    border-color: #c3d93a;
}
ul.menu li:hover span{
    color: #c3d93a;
}
a.button{
    display: inline-block;
    background: url("images/button.png");
    color: #003861;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-color: 0;
    outline: 0;
    text-decoration: none;
    padding: 10px 20px;
}
a.button img{
    max-width: 20%;
}
a.button span{}
@media(max-width: 600px){
    body{
        background-image: url("images/mobile-bg.png");
        background-position: bottom left;
    }
    .logo{
        max-width: 60%;
    }
    ul.menu li{
        min-width: 60%;
    }
    ul.menu li a img{
        max-width: 10%;
    }
}