.sLHome{

    position:relative;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:-1;
    padding: 0;
    margin: 0;

    .hero-media{
        position:absolute;
        z-index:-1;
        pointer-events: none;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        >video{
            object-fit: cover;
            width: 100%;
            height: 100vh;
            position: absolute;
            top: 0;
            left: 0;
            opacity:0;
            transition:opacity .5s;

            &.current{
                opacity:.55;
            }
        }
    }

    .hero-text{
        /*width: 100vw;*/
        height: 100vh;
        display:flex;
        align-items: center;
        justify-content: center;

        h1{
            font-size: 4rem;
            line-height:1.25em;
            margin: 0;

            @media screen and (max-width: 62.625rem) {
                font-size: 3rem;
            }

            @media screen and (max-width: 37.125rem) {
                font-size: 2rem;
            }

            span{
                text-shadow: 0 0 1em rgb(0, 0, 0);
                opacity:0;
                position:absolute;
                animation: 12s infinite ease-in-out claim;
                max-width: 66vw;
                transform: translate(-50%, -50%);
                width: 100%;
                &:nth-child(1){animation-delay: 0s;}
                &:nth-child(2){animation-delay: 4s;}
                &:nth-child(3){animation-delay: 8s;}

                @media screen and (min-width: 75.375rem) {
                    max-width: 900px;
                }

                @media screen and (max-width: 37.125rem) {
                    max-width: 85vw;
                }
            }
        }
    }
}

@keyframes claim {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    33%{
        opacity: 1;
    }
    38%{
        opacity: 0;
    }
}