body { text-align: center; } #logo { margin: 10px 5px 5px 5px; max-width: 200px; } .ui-content{ text-align: center; } .ui-content p{ text-align: left; } #drawingCanvas { border: 2px solid black; height: 20em; width: 100%; border-radius: 15px; } #action { margin: 0 -1em; padding: 1em; color: #fff; text-shadow: 0px 1px 0px #999; } #action.error { background: #EB313C; text-shadow: 0px 1px 0px #333; } #action.warning { background: #E9A86E; } #action.notice { background: #93CAF4; } #action.info { background: #97DD8A; } @media only screen and (min-width: 768px) { body { padding-left: 20em; padding-right: 20em; } }