/* Smartphones (portrait and landscape) ----------- */ @media only screen and (max-device-width : 480px) { body { font-size: 11pt; } header { height: 70px; } footer { position: relative; clear: both; max-height: 100%; } #announcementArea, #notificationArea { width: 80%; } #leftColumn { width: 100%; } #wordEntryForm { padding: 8px 0; width: 100%; max-width: 450px; margin: 10px auto; -webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.75) !important; -moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.75) !important; box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.75) !important; } #wordEntryForm label { overflow: auto; display: flex; justify-content: center; font-size: 10pt; } #wordEntryForm label span { float: left; width: 30%; text-align: right; margin-right: 8px; } #wordEntryForm input, #wordEntryForm select, #wordEntryForm textarea { float: right; width: 60%; margin-right: 8px; align-self: center; } .longDefinition { min-width: 200px; height: 80px; } #wordEntryForm button { display: block; width: 50%; height: 30px; margin: 0px auto; } #dictionaryContainer { margin-bottom: 15px !important; } #formLockButton { display: none; } #showFullScreenTextbox { display: none; } #settingsSaveButtons { position: relative; right: 0; bottom: 0; clear: both; width: 100%; } }