@media (max-width: 96rem)
{
    .application-ad { right: auto; left: var(--padding-x); }
}

@media (max-width: 64rem)
{
    :root {
        --padding-x: 2rem;
        --padding-y: 4rem;
    }

    h1 { font-size: 4.5rem; }
}

@media (max-width: 48rem)
{
    header .rse-banner { display: none; }

    .application-ad { position: relative; left: auto; top: auto; margin-top: 6rem; }

    .keyvisual { grid-template-columns: 0rem 3fr 0rem; }

    #footer-bottom { flex-flow: column; }
    #footer-bottom menu { justify-content: center; }

    h1 { font-size: 3.5rem; }
}

@media (max-width: 32rem)
{
    :root {
        --padding-x: 1rem;
        --padding-y: 2rem;
    }

    .application-ad { font-size: 1.25rem; }

}