@media (max-width: 48em) {
    .error-page article .content {
        font: 30px/36px "Magorian Regular", Georgia, Times, "Times New Roman", serif;
        padding: 60px 30px;
    }

    div.content {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
}

@media (min-width: 48em) {
    header nav {
        position: static;
        background-image: none;
    }

    header .mobile {
        display: none;
    }

    header .not-mobile {
        display: block;
    }

    header .upper.menu li.main-site-logo {
        display: inline;
        padding: 25px 0 15px 0;
    }

    header .upper.menu li.main-site-logo a {
        font-size: 60px;
    }

    header .upper.menu {
        height: 50px;
        border-width: 0;
    }

    header .upper.menu li {
        padding: 7px;
    }

    header .upper.menu li a {
        font-size: 20px;
    }

    header .lower.menu {
        position: static;
    }

    header .lower.menu li {
        display: inline;
        padding: 5px 3px;
        border: 1px solid transparent;
        transition: border-bottom-color .35s;
        position: static;
        opacity: 1;
    }

    header .lower.menu li.active,
    header .lower.menu li:hover {
        border-bottom-color: white;
    }

    header .lower.menu li a {
        line-height: 50px;
    }

    .content {
        max-width: 1100px;
    }

    .error-page article .content {
        font: 60px/66px "Magorian Regular", Georgia, Times, "Times New Roman", serif;
        padding: 50px 50px;
    }
}

@media (min-width: 62em) {
    .content {
        max-width: 909px;
    }

    .error-page article .content {
        padding: 350px 50px;
    }
}

@media (min-width: 90.625em) {
    header .lower.menu li {
        padding: 5px 5px;
    }

    .menu ul {
        font-size: 14px;
        line-height: 40px;
        letter-spacing: 3px;
        font-weight: 700;
    }

    .banner h1 {
        font-size: 60px;
    }

    .banner .menu li {
        padding-left: 0;
        padding-right: 0;
    }

    .banner .menu li a {
        font-size: 14px;
        letter-spacing: 2.5px;
        padding: 12px 8px 9px 8px;
    }

    .content {
        max-width: 1330px;
    }

    footer .site-links.menu li a {
        font-size: 14px;
        letter-spacing: 2.5px;
    }
}