.ui-page .ui-header {
    background: #f3f9ad !important;
    border: $000000 !important;
}

.navigation {
    text-align: center;
}

a.navigation {
    background: #e2e4ba !important;
    border: #000000 !important;
    text-shadow: 0px 0px !important;
}

object.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3%;
}

@media screen and (max-device-width: 480px) {
    object.logo {
        width: 40%;
    }
}


@media screen and (min-device-width: 480px) {
    object.logo {
        width: 20%;
    }
    a.navigation {
        font-size: 20pt !important;
    }
    body {
        font-size: 14pt !important;
    }
}