/*
    Home Section
*/
.home {
    --height: calc(100vh - var(--header-height));
    --bottom: calc(var(--height) / 2);
    --logo-size: 300px;
    --logo-half: calc(var(--logo-size) / 2);
    background-color: black;
    padding-bottom: 1rem;
}

.home .logo {
    position: absolute;
    z-index: 2;
    bottom: calc(var(--bottom) - var(--logo-half));
    left: calc(50% - var(--logo-half));
}

.home .logo img {
    height: var(--logo-size);
}

.carousel {
    height: var(--height);
}

.carousel .entry {
    height: var(--height);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.8;
}