body {
    font-family: dunbar-low, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0;
}

.main-visual.index-visual {
    background-color: var(--secondary);
}

.index-visual-video {
    background: url(https://cdn.thevarsity.ca/handbook2022/cover-anim.mp4), url(https://cdn.thevarsity.ca/handbook2022/new-cover.webp) no-repeat center 100%;
    background-size: cover;
}

.index-visual-text {
    /* horizontally centered, on bottom of image */
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: var(--tertiary);
    font-size: 5rem;
    text-align: center;
}

.main-page-visual {
    width: 100%;
    background-color: var(--gradient-end);
}

@media screen and (max-width: 768px) {
    .main-nav-logo-wrapper {
        justify-content: center;
    }

    .index-visual-video {
        background: url(https://cdn.thevarsity.ca/handbook2022/cover_mobile.mp4), url(https://cdn.thevarsity.ca/handbook2022/cover_mobile.webp) no-repeat 53% 100%;
        background-size: cover;
    }
}