@media all and (max-width:1100px) {
#page-content {
width:86%;
margin:80px 7% 0 7%;
}
}

@media all and (min-width:1000px) {
#nav-trigger {display:none;}
nav#nav-mobile {
display:none;
}
}


@media all and (max-width:1000px) {
nav#main,
#main-socials {
display:none;
}

#nav-trigger,
nav#nav-mobile {
display:inherit;
}

#nav-trigger {
position:absolute;
top:7px;
right:20px;
}
}