/* Large devices (864px and up) */
@media (min-width: 864px) {
    header {
        height: 3em;
    }

    header #title {
        width: calc(50% - 1em);
        float: left;
        padding-bottom: 1em;
        text-align: center;
        padding-top: 0;
    }

    header #uob-logo,
    header #bear-logo {
        width: 25%;
        float: left;
        text-align: left;
    }

    header #bear-logo img {
        float: right;
        text-align: right;
    }

    main {
        padding: 2em;
    }
}