I copied your code and it seems to me that the closing bracket fixes your problem:
Above all list items are inside <nav class="mobile clearfix"> ... </nav>
@media only screen and (min-width: 481px) {
/* Style adjustments for viewports that meet the condition */
/* Page Layout */
....
/* About Us */
.about h2 {
text-align: left;
}
} /* <--- i added this bracket */
Does this fix your problem?