.hero {
    position:relative;
}

    #home-bg {
        user-select: none;
        position: relative;
        z-index:1;
        margin-bottom:-4%;
    }

    #home-logo {
        position:absolute;
        top:8%;
        width:84%;
        left:8%;
        filter: drop-shadow(0px 20px 15px #000);
        user-select: none;

        z-index:3;

        animation-name: pulse_size;
		animation-duration: 1.5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		animation-timing-function: ease-in-out;
    }

    #home-guys {
        position:absolute;
        top:19%;
        width:84%;
        left:8%;
        user-select: none;
        z-index:4;
    }

    #acc2,
    #acc3 {
        position:absolute;
        top:45%;
        left:4%;
        z-index:6;
        height:16vw;
        filter:drop-shadow(0 1vw 0.5vw #000000);
    }

    #acc3 {
        left:unset;
        right:4%;
        height:14vw;
        top:47%;
    }

.video {
    padding:5% 5% 0 5%;
    position: relative;
    z-index:5;
    margin-top:-40%;
}

    .text1 {
        position:absolute;
        top:40%;
        width:75%;
        left:12.5%;
        z-index:5;
    }

        .text1 p {
            font-size:3.25vw;
            font-weight:bold;
            text-transform: uppercase;
            letter-spacing: 0.09em;
            text-shadow: 0 5px 10px #000;
            text-align: center;
            margin-bottom:0;
        }

        .text1 img {
            width:100%;
            filter: drop-shadow(0px 20px 15px #000);
            user-select: none;
        }

.intro {
    display:grid;
    grid-template-columns: 1fr;
    grid-gap:5em;
    padding:0 5%;
    margin-bottom: 5%;;
}

    .quotes {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-gap:5em;
        align-items: center;
        text-align: center;
    }

    .quotes img {
        margin:0 auto;
        display:block;
    }
        
        .btns {
            text-align: center;
            padding:5%;
        }

            .btns .red-btn {
                margin:0.25em;
            }


    
.insta {
    display:grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap:1em;
    padding:0 5%;
}

    .insta a {
        width:100%;
        aspect-ratio: 1 / 1;
        position:relative;
        overflow:hidden;
    }

        .insta a div {
            position:absolute;
            width:100%;
            height:100%;
            left:50%;
            top:50%;
            transform:translate(-50%,-50%);
            transition:all 0.5s ease-out;
        }

            .insta a img {
                width:100%;
                height:100%;
                object-fit: cover;
            }
        
            .insta a:hover div {
                width:110%;
                height:110%;
            }



@media screen and (max-width:1399px){
    #home-bg {
        margin-bottom:5%;
    }
}

@media screen and (max-width:999px){
    .hero {
        margin-top:50px;
    }

        #home-bg {
            margin-bottom:-20%;
        }

        .text2 {
            position: relative;
        }

        .intro {
            grid-template-columns:1fr;
        }

        .accs {
            padding:0 10%;
        }
    
    .video {
        grid-template-columns: 1fr;
        grid-gap:4em;
    }
    
    .video .text {
        grid-row:2;
    }

    .video .vid {
        grid-row: 1;
    }

}

@media screen and (max-width:799px){
    .btns .red-btn {
        display:block;
        clear:left;
        margin:0.5em auto;
    }

    .carousel .carousel-cell img {
        height:60px;
    }
}

@media screen and (max-width:699px){
    
    .insta {
        grid-template-columns: repeat(4,1fr);
        grid-gap:0.5em;
    }

    .hero {
        margin-top:8em;
    }
}

@media screen and (max-width:499px){

    .carousel .carousel-cell {
        margin:0 1.5em;
    }

    .carousel .carousel-cell img {
        height:40px;
    }

    .accs,
    .quotes {
        grid-template-columns: 1fr;
    }
}