.landing_carousel {
    & .hero-slider {
        & .carousel-cell .inner {
            text-align: left;
            position: absolute;
            bottom: 0;
            top: auto;
            margin: 0 0 8vh 7.5vw;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 80vh;
            transform: none;
        }

        & .carousel-cell .inner .subtitle {
            visibility: hidden;
            font-family: "Brown", Arial, sans-serif;
        }

        & .is-selected:hover .subtitle {
            visibility: visible;
            background-color: rgba(243, 209, 49, 0.6);
            padding: 2vw;
            border-radius: 1.5vw;
            /*            font-weight: 500;*/
            font-size: 1.25rem;
        }
    }
}

@media(max-width:800px) {
    .landing_carousel {
        & .hero-slider {
            & .carousel-cell .inner {
                height: 70vh;
            }

            & .is-selected:hover .subtitle {
                visibility: visible;
                background-color: rgba(243, 209, 49, 0.6);
                padding: 2vw 2vw 2vw 0;
                margin-right: 7.5vw;
                border-radius: 1.5vw;
                /*            font-weight: 500;*/
                font-size: 1.25rem;
            }
        }
    }
}