.scroll-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--darkblue);
    color: #fff;
    position: relative;
}
.scroll-container:last-of-type {
    background: var(--red);
}
@media (min-width: 992px) {
    html {
        scroll-snap-type: y mandatory;
    }
    .scroll-container {
        min-height: 100vh;
        scroll-snap-align: start;
    }
    .contacts {
        gap: 70px;
    }
}
@media (max-width: 992px) {
    .scroll-container {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .contacts {
        gap: 35px;
    }
}
#scroll-0 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('images/liberty-100-bg-1.jpg');
}
.scroll-container::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: grayscale(100%);
    opacity: 0.2;
}
.scroll-container:nth-child(1)::before {
    background: #662820;
    background: linear-gradient(62deg, rgba(102, 40, 32, 1) 0%, rgba(204, 80, 64, 0.15) 100%);
    filter: none;
    opacity: 1;
}
.scroll-container .container {
    display: block;
    z-index: 3;
}
p {
    font-size: 20px;
}
h1 {
    font-size: 60px;
}
h4 {
    font-family: "WorkSans",sans-serif;
    font-size: 32px;
    font-weight: 300;
}
h4 strong {
    font-family: "WorkSansBold";
    font-weight: 400;
}
.card-odd div.content-wrap {
    border-right: 6px solid #fff;
    padding-right: 20px;
}
.card-even div.content-wrap, .scroll-end div.content-wrap {
    border-left: 6px solid #fff;
    padding-left: 20px;
}
div.lightblue-highlight {
    border-color: var(--lightestblue) !important;
    color: var(--lightestblue);
}
.scroll-end a, .scroll-end a:hover, .scroll-end a:focus {
    color: #fff;
}

/* IRR Icon */
div.content-wrap {
    position: relative;
}
div.content-wrap svg {
    position: absolute;
}

/* Cards */
#long-game::before {
    background-image: url('images/liberty-100-aloe.jpeg');
}
#opportunity::before {
    background-image: url('images/liberty-100-springbok.jpeg');
}
#stakes::before {
    background-image: url('images/liberty-100-weaver.jpeg');
}
#why-an-endowment::before {
    background-image: url('images/liberty-100-zebra.jpeg');
}
#legacy-impact::before {
    background-image: url('images/liberty-100-elephant.jpeg');
}
#donor-intent::before {
    background-image: url('images/liberty-100-protea.jpeg');
}
#why-give::before {
    background-image: url('images/liberty-100-eagle.jpeg');
}
#lets-talk::before {
    background-image: url('images/liberty-100-rhino.jpeg');
}

.scroll-container::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.6;
}
.card-odd::after {
    background-image: url('images/liberty-100-bg-2.jpg');
}
.card-even::after {
    background-image: url('images/liberty-100-bg-3.jpg');
}
.scroll-end::after {
    background-image: url('images/liberty-100-bg-red.jpg');
}

/* Buttons */
.btn {
    font-size: 20px;
    padding: 10px 20px;
}