@media screen and (max-width: 765px) {

    .page .head {

        margin:             0 0 5vh;
        width:              100%;

    }

    .page .head hgroup {

        text-align:         center;
    }

    .page .head nav {

        align-items:        center;
        display:            grid;
        font-size:          1.25rem;
        gap:                1vw;
        justify-items:      center;

    }

}

@media screen and (min-width: 765px) and (max-width: 1405px) {

    .page .head nav {

        gap:                2vw;

    }

}