@media all and (orientation: portrait) { #users { -webkit-order: 3; order: 3; min-height: 20%; max-height: 20%; } @media (max-device-width: 1279px) { .userNameEntry { height: 35px; font-size: 30px; strong { font-size: 25px; } } } @media (min-device-width: 1280px) { #username { display:block; width:70%; } #user-contents { .userlist { padding:10px; } } .userNameEntry { height: 20px; } } }