:root {
    --scrollbar-width: 0px;
    --vw-actual: calc(100vw - var(--scrollbar-width));
}

.main_content {
    padding-bottom: 0;
    background-color: var(--theme-lighter-blue);
}

#welcome-card {
    font-size: 0.6em;
    max-width: var(--vw-actual);
    width: var(--vw-actual);
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: calc(var(--vw-actual)/2 * -1);
    margin-right: calc(var(--vw-actual)/2 * -1);
    background-size: cover;
    min-height: 95vh;
}

#welcome-content {
    flex-grow: 1;
    background-color: var(--theme-lighter-blue);
    padding-left: calc((var(--bs-gutter-x) * .5) + (100% - var(--theme-navbar-width))/2);
    padding-right: 5%;

    & h1 {
        color: var(--theme-dark-blue);
        font-size: 4em;
    }

    & .gov-logos {
        width: 90%;
    }
}

#hero-container {
    display: none;
    flex-shrink: 1;

    & img {
        height: 95vh;
    }
}

.navbar {
    margin-bottom: 0;
}

.home-stat {
    margin-right: 3em;
    width: 10em;

    & p:first-child {
        font-size: 3em;
        font-weight: bold;
        color: var(--theme-dark-blue);
        margin-bottom: 0;
    }

    & p:last-child {
        font-size: 1.5em;
    }
}

@media (min-width: 576px) {
    #welcome-card {
        font-size: 0.8em;
    }
}

@media (min-width: 768px) {
    #welcome-card {
        font-size: 1em;
    }
}

@media (min-width: 992px) {
    #hero-container {
        display: block;
    }
}