@media only screen and (max-width : 1200px) {
}

@media only screen and (max-width : 979px) {
        .hero .map-image {
            display: none;
        }
        .text-col {
        padding-left: 30px;
        padding-right: 30px;
    }

    .header-image {
    display: block;
    }

    section.hero {
        padding: 3rem 0;
    }

    section.hero h1 {
        font-size: 45px;
    }

}

@media only screen and (max-width : 767px) {
}

@media only screen and (max-width : 480px) {
}