* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    /* font-family: myriad-pro-semi-condensed, sans-serif; */
}

.section-2 {
    background: #2d2d2d;
}

.section-2-container {
    min-height: 270px;
    display: grid;
    align-items: center;
    color: white;
}

.section-2 .section-2-container h5 {
    border-left: 4px solid #fcbf00;
    padding-left: 2%;
}



/* .img-container {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 0%;
    text-align: center;
    grid-row-gap: 25px;
} */

.img2,
.img9 {
    width: 30%;
}

.img2 iframe,
.img9 iframe {
    width: 100%;
    height: 300px;

}

.img-container {
    display: flex;
    /* justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center; */
    justify-content: center;
    align-items: center;
    flex-direction: row;
    text-align: center;
    grid-gap: 10%;
}

hr {
    border: 1px dotted #3e3d3d;
}


/*  -------- Media Queries ------------ */



@media (max-width: 1400px) {

    .section-3 iframe,
    .img2,
    .img9 {
        width: 35%;
    }
}

@media (max-width: 1200px) {

    /* .img-container {
        grid-template-columns: 31% 31% 31%;
        grid-column-gap: 3%;
    } */

    .img2 iframe,
    .img9 iframe {
        height: 260px;
    }

}


@media (max-width: 992px) {
    /* .img-container {
        grid-row-gap: 15px;
    } */

    .img-container {
        grid-gap: 6%;
    }

    h6 {
        font-size: medium;
    }

    .section-3 iframe,
    .img2,
    .img9 {
        width: 50%;
    }
}


@media (max-width: 768px) {

    .section-3 iframe,
    .img2,
    .img9 {
        width: 60%;
    }

    .img-container {
        display: block;
        text-align: -webkit-center;
    }

    .img1 {
        margin-bottom: 35px;
    }

    /* .img-container {
        grid-template-columns: 47% 47%;
        grid-column-gap: 6%;
    } */
}



@media (max-width: 475px) {

    .section-3 iframe,
    .img2,
    .img9 {
        width: 80%;
    }

    .section-4 h2,
    .section-9 h2 {
        font-size: 22px;
    }

    .img-container {
        /* grid-template-columns: auto; */
        /* grid-column-gap: 6%; */
    }

    h6 {
        font-size: large;
    }
}


@media (max-width: 425px) {


    .section-2-container {
        min-height: 200px;
    }

    .section-2-container h2 {
        margin-bottom: 0px;
    }

    .section-2-container h5 {
        margin-top: 7px !important;
        font-size: medium;
    }

    .section-3 iframe,
    .img2,
    .img9 {
        width: 85%;
    }
}


@media (max-width: 375px) {

    .section-3 iframe,
    .img2,
    .img9 {
        width: 100%;
    }
}



.title,
.img1,
.img2,
.img3,
.img4,
.img5,
.img6,
.img7,
.img8,
.img9,
.img10,
.img11,
footer {
    opacity: 0;
}

.title.animate__animated,

.img1.animate__animated,
.img2.animate__animated,
.img3.animate__animated,
.img4.animate__animated,
.img5.animate__animated,
.img6.animate__animated,
.img7.animate__animated,
.img8.animate__animated,
.img9.animate__animated,
.img10.animate__animated,
.img11.animate__animated,
.section-5 .img1.animate__animated,
.section-5 .img2.animate__animated,
.section-5 .img3.animate__animated,
.img1.animate__animated,
.img2.animate__animated,
.img3.animate__animated,
footer.animate__animated {
    opacity: 1;
}


.img2,
.img5,
.img8,
.img11 {
    animation-delay: 0.3s;
}

.img3,
.img6,
.img9 {
    animation-delay: 0.6s;
}