@media screen and (min-width: 768px) { body{ margin: auto; } .column { flex: 100%; max-width: 100%; } h2{font-size: 12px; margin:auto; overflow: auto; text-align: center; } ul.sidenav li a { text-align: center; float: none; } #container{ width: 90%; font-size: 15px; margin-top: 0; } label{ position: absolute; left: 10%; } .project { margin: auto auto auto 60px; } } @media screen and (max-width: 992px) { ul.sidenav { width: 100%; height: auto; position: relative; } ul.sidenav li a { float: left; padding: 15px; } div.content {margin-left: 0;} #cvcon{ margin: auto; } }