@media only screen and (max-width:1385px) {
    .gallery {
        grid-template-columns: repeat(3,300px);
    }
}

@media only screen and (max-width:1240px) {
    #mobileNav {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 1;
    }
    nav {
        display: none;
    }

    #heroText {
        
    }
}

@media only screen and (max-width:1050px) {
    #servicesGrid {
        grid-template-columns: repeat(3,30%);
        justify-content: center;
        grid-column-gap: 3%;
    }
    #footerGrid {
        grid-template-columns: 35% 35% 22%;
    }
    #footerMap {
        text-align: center;
        grid-column: span 3;
    }
    #footerMap iframe {
        height: 400px;
    }
    #footerCopyright {
        grid-column: span 3;
    }
    .testimonialSliderElement {
        padding: 0 15px;
    }

    #homepageHero video {
        height: 70%;
    }

    #heroText {
        margin-top: 120px;
        margin-bottom: 20px;
        
    }

}

@media only screen and (max-width:1030px) {
    .gallery {
        grid-template-columns: repeat(2,300px);
    }
}

@media only screen and (max-width:860px) {
    #servicesGrid {
        grid-template-columns: 100%;
        justify-content: center;
        grid-column-gap: 3%;
        max-width: 500px;
    }
    #servicesGrid > div img {
        max-width: 300px;
    }
    #servicesGrid > div {
        padding: 0 20px;
    }
    #gridLast {
        grid-column: 1;
    }
    
}

@media only screen and (max-width:900px) {
    #heroText {
        margin-top: 67px;
    }
}

@media only screen and (max-width:780px) {
    .twoColumn {
        grid-template-columns: 100%;
        grid-gap: 30px;
        text-align: center;
    }
}

@media only screen and (max-width:700px) {
    .gallery {
        grid-template-columns: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
}

@media only screen and (max-width:630px) {
    #homepageHero h1, #homepageHero span {
        font-size: 2em;
    }

    h1 {
        font-size: 2em;
    }
}

@media only screen and (max-width:615px) {
    #footerGrid {
        grid-template-columns: 65% 35%;
        grid-column-gap: 0;
    }
    #footerMap {
        grid-column: span 2;
    }
    #footerCopyright {
        grid-column: span 2;
    }
    #footerLogoDiv {
        grid-column: span 2;
    }
    #footerLogo {
        margin: 0 auto;
        display: block;
        float: none;
    }
    #footerNav {
        text-align: right;
    }
    .blueSection h2 {
        font-size: 1em;
    }
    .whiteSection h1 {
        font-size: 2em;
    }
    #homepageHero {
        padding: 0px 0;
    }
    .freeQuoteSection {
        padding: 90px 0;
    }
    .buySection {
        padding: 80px 0;
    }
    #logosHolder {
        display: grid;
        grid-template-columns: 100%;
    }
}

@media only screen and (max-width:480px) {
    #homepageHero video {
        height: 40%;
    }

    #heroText {
        margin-top: 370px;
        color: black;
    }

    header {
        padding: 0px 20px;
    }

    #headerLogo {
        width: 250px;
    }


}

@media only screen and (max-width:340px) {
    #footerGrid {
        grid-template-columns: 100%;
        text-align: center;
    }
    #footerMap {
        grid-column: 1;
    }
    #footerCopyright {
        grid-column: 1;
    }
    #footerLogoDiv {
        grid-column: 1;
    }
    #footerNav {
        text-align: center;
    }
}