.pagetop { margin: 80px 2% 0 2%; } .articles { width: 47%; margin-bottom: 20px; } .one-third-second { margin-right: 5px; } .first-row-last { margin-right: 5%; } .one-third-last { clear: both; float: none; width: auto; padding: 10px 0 0 0; } footer { visibility: hidden; }
@media screen and (max-width: 800px) { h4, h5, h6 { margin: 0 0 50px 0; }
.artstitle { padding: 0; } .halfs p { margin: 10px 0 20px 0; } img { display: block; height: auto; margin: 10px auto; } #menu-icon { display:inline-block; margin: 5px 20px 10px 0; right: 20px; }
nav ul li { width: 15%; } nav ul, nav:active ul { width: 50%; display: none; position: absolute; padding: 5px; background: #fff; border: 5px solid #DDD; right: 10px; top: 45px; border-radius: 4px 0 4px 4px; } nav ul li {	text-align: center; width: 100%; padding: 10px 0; margin: 0; } nav ul li:last-child { border: none; } nav:hover ul { display: block; } nav ul li:hover { background: grey; } .mobile-collapse { clear: both; width: auto; float: none; margin-right: 0; } .hide-mobile { display: none; } }