body { background:#1a1a1a; color:#fff }
@media screen and (max-width: 480px) {
    #header nav a { height: 40px; margin-right: 10px }
    #header { height: 100px; padding: 5px  }
    #banner.major {
        padding-top: 0em !important;
    }
}
@media screen and (max-width: 1680px){
    #banner {
        margin-top:100px !important;
    }
}

#footer img { margin-left: -50px; left:50%; max-width: 100px; }
#footer { margin-top: 70px }

#header { background:#1a1a1a;}
#header a  { text-decoration: none; border: none; left:10px }
#header .logo { position:absolute; left:50%; margin-left:-50px; padding:7px 0 0 7px; max-height:20px; max-width: 100px;  }

#menu{ background:rgba(26, 26, 26, 0.95);  }
#banner { background-image: none; position: static; margin-top: 70px  }
#banner:after { background-color: #1a1a1a; height:70% }

.terms { font: inherit }
/* set padding of page to be mor ethan the top logo image size */
#header nav { height: 55px }

#banner.major {
    margin-bottom: 0em !important;
}

#banner {  padding: 0em 0 0em 0 !important; }
#banner > .inner {  padding: 6em 0 0em 0 !important;  }

#banner > .inner .content { margin-bottom:1em }

#wrapper > * > .inner {
    padding: 0 !important;
}



#cover {  background-color: #1a1a1a; z-index: 20; height: 100px; width: 100%; position: fixed; top:0px; left:0px;}