html{
    background-color:#425776;
    background-image: url(/assets/images/bg.jpg);
}

body{
    color:#fff;
    margin:0;
    line-height:2em;
    background-image:url('/assets/images/waterBg.png');
    background-size:contain;
    background-repeat:no-repeat;
}

.logo{
    width:30%;
    text-align:center;
    margin:0;
}

.logo > img{
    padding:20px;
}

header{
    background-color:transparent;
}

header > nav{
    width:70%;
    background-color:rgba(0,0,0,.6);
    border-radius:15px 0 0 15px;
    text-shadow:2px 2px #162077;
}

nav a:hover{
    border-radius:15px;
}

#site-index #linkHome a, #site-greaseTrap #linkGrease a, #site-automotive #linkAutomotive a, #site-pipeInspection #linkPipe a, #site-septic #linkSeptic a{
    color:#fff;
    border-radius:15px;
    background-color:rgba(0,0,0,0.4);
}

.wrapContent{
    background-color:#36393e;
    border-radius:10px;
}

.wrapFooterNav{
    height:155px;
}

footer{
    background-color:transparent;
}

@media (max-width:1050px){
    logo{
        width:auto;
    }

    header > nav{
        width:100%;
        clear:both;
    }
}

@media (max-width: 840px){
    nav li{
        text-align:center;
    }
}

@media (max-width:480px){
    img{
        padding:0;
        width:100%;
        float:none;
    }
    
    .gf > div > a > img{
        width:auto;
    }
    
    .logo{
        width:100%;
    }
    
    .logo > img{
        width:80%;
        padding:20px 0;
    }
}