h1 {
    font-size: clamp(2.2em, 4.25vw, 2.75em);
    margin-top: calc(3.3rem - 1vw);
}

h2.slightly-smaller {
    font-size: clamp(1.4em, 2.75vw, 1.8em);
}

.slideshow-flexible {
    height: calc(100vh - 13em);
}

.page-links {
    display: flex;
    justify-content: center;
    margin: 3em auto 1.25em;
}

.page-links a {
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    aspect-ratio: 1/1;
    background-color: var(--cream);
    margin: 0 1vw;
    width: 33.33%;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
}

.page-links a:hover {
    background-color: var(--cream-darkened);
}

.page-links a:hover h3 {
    color: var(--cream);
}

.page-links a :is(div, h3) {
    flex-grow: 1;
}

.page-links h3 {
    color: var(--gray);
    font-size: 1.3em;
    flex-basis: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

@media (max-width: 1398px) {
    /*.slideshow-flexible {
        height: calc(100vh - 14.25em);
    }*/


}

/*@media (max-width: 1240px) {
    h1 {
        margin-top: 0.4em;
    }

    .slideshow-flexible {
        height: calc(100vh - 16em);
    }
}*/

@media (max-width: 1189px) {
    h1 {
        margin-top: 1.5rem;
    }

    /*h2.slightly-smaller {
        font-size: 1.7em;
    }*/

    .slideshow-flexible {
        height: calc(100vh - 14.6em);
    }
}

@media (max-width: 1128px) {
    .page-links {
        padding: 0 6vw;
    }

    .page-links h3 {
        font-size: 1.1em;
    }

    h1 {
        font-size: min(5.3vw, 2.2em);
        margin-top: 0.5em;
    }

    h2.slightly-smaller {
        font-size: min(5.1vw, 1.5em);
    }
}

@media (max-width: 740px) {
    .slideshow-flexible {
        height: calc(100vh - 14em);
    }

    .page-links {
        flex-direction: column;
        align-items: center;
        margin-top: 0.5em;
    }

    .page-links a {
        width: auto;
        margin: 2.5vw 0;
    }
}

@media (max-width: 660px) {
    .slideshow-flexible {
        height: calc(100vh - calc(34vw + 80px));
    }
}

/*@media (max-width: 536px) {
    h1 {
        margin-bottom: 0.1em;
    }
}*/

@media (max-height: 550px) {
    :is(h1, h2.slightly-smaller) .gt-md {
        display: initial;
    }

    :is(h1, h2.slightly-smaller) .lte-md {
        display: none;
    }

    h1 {
        font-size: 4.5vw;
    }

    h2.slightly-smaller {
        font-size: 2.65vw;
    }

    .slideshow-flexible {
        height: calc(100vh - 9em);
    }
}

@media (max-height: 550px) {
    :is(h1, h2.slightly-smaller) .gt-md {
        display: initial;
    }

    :is(h1, h2.slightly-smaller) .lte-md {
        display: none;
    }

    h1 {
        font-size: 4.5vw;
    }

    h2.slightly-smaller {
        font-size: 2.65vw;
    }

    .slideshow-flexible {
        height: calc(100vh - 8.5em);
    }
}