ul { } li { display: block; color: white; float: left; text-align: center; padding: 4px; border: 2px solid white; border-radius: 4px; background: #232423; margin-left: 4px; width: 80px; height: 20px; } a { color: #FF9; } h1 { color: white; } h2 { color: white; } h3 { color: white; } p { color: white; } #menu-left { margin-top: -16.7px; margin-left: -2%; float: left; } #menu-right { margin-top: -16.7px; float: right; } #getit { position:relative; float: right; } #text { background: #232423; margin-top: 50px; margin-left: 4%; height: 540px; width: 50%; float: left; border: 1.5px solid white; } #logo { position: relative; margin-top: 12px; margin-left: 10px; float: left; } #center-text { position: relative; float: right; margin-top: -22px; } #header { font-size: 26px; float: left; position: relative; } #home-text { position: relative; float: right; margin-right: 232px; } .dropdown{ width: 80px; height: 19px; position: relative; right: 20%; } .dropdown-content{ display: none; margin-top: 5px; margin-left: -50px; z-index: 99; min-width: 100%; } .dropdown:hover .dropdown-content{ display: block; } #current-version { position: relative; float: right; } #download { border: 2px solid white; background: #014421; height: 35px; width: 80px; color: white; border-radius: 4px; } b { margin-top: -40px; } body { background: black; } @media only screen and (min-width: 980px) { #getit { margin-left: 14%; margin-top: -6%; } #current-version { margin-top: 4%; margin-right: -10%; } #header { margin-left: 28%; } } @media only screen and (min-width: 1180px) { #getit { margin-left: 14%; margin-top: 35%; } #current-version { margin-top: 3%; margin-right: -6%; } #header { margin-left: 38%; } }