/** Lower the text of the slides text in the "8 Seconds" section on tablet / desktop, and raise it on mobile. */
@media screen and (min-width: 768px)
{
    .swiper-slide-inner
    {
        margin-top: 8rem;
    }
}

/** The Swiper tabs in the "8 Seconds" section. */
.swiper-tab-eight-seconds
{
    width: 100vw;
    height: 100vw;
}

@media screen and (min-width: 768px)
{
    .swiper-tab-eight-seconds
    {
        width: 30rem;
        height: 30rem;
    }
}

/** Animate the background color of "The Process" section to fit each slide. */
.the-process
{
    background-color: #224443;
    transition: background-color 0.25s linear;
}