/* Small devices (1px and up) */
@media (min-width: 1px) {
    header {
        width: calc(100% - 2em);
    }

    header #title {
        width: 100%;
        float: none;
        padding-bottom: 2em;
        padding-top: 2em;
        text-align: center;
        vertical-align: middle;
    }

    header #uob-logo,
    header #bear-logo {
        text-align: center;
    }

    main {
        padding: 1em;
    }
}