#body {
padding-bottom: 0px;
padding-top: 175px;
}


section#social {
margin-bottom: 110px;
}



section ul.sub_nav{
margin-top: 63px;
background: #999;
color: #fff;
list-style-type: none;
padding: 5px 0 3px;
position: fixed;
width: 100%;
}

section ul.sub_nav li{
display: inline;
}


section ul.sub_nav li a, section ul.sub_nav li a:visited{
color: #fff;
text-decoration: none;
padding: 3px 14px;
background: rgba(255, 255, 255, 0);
transition: all .2s ease-in-out; 
margin: 0 -2px;
}

section ul.sub_nav li a:hover {
background: rgba(255, 255, 255, 0.35);
}

section ul.sub_nav li a#active{
background: rgba(0, 0, 0, 0.35);
}



@media only screen and (max-width: 720px) {
section ul.sub_nav {
margin-top: 90px;
}
#body {
padding-bottom: 0px;
padding-top: 109px;
}
}


@media only screen and (max-width: 640px) {

section ul.sub_nav {
position: inherit;
margin-top: 135px;
}

#body {
padding-bottom: 0px;
padding-top: 0px;
}

}