@media only screen and (max-width: 767px) {
    .footer-top{
        grid-template-columns:1fr;
    }
    .loc-grid {

    grid-template-columns: repeat(2, 1fr);
}
.about-visual {
    height: 500px;
}
.about-section {

    grid-template-columns: 1fr;
}
.products-grid {
    grid-template-columns: repeat(2, 1fr);

}
.ind-grid {
    grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 600px) {
    .cta-band {
    grid-template-columns: 1fr;
}
    header{
        height: auto;
    }
    .products-grid {
    grid-template-columns: repeat(1, 1fr);

}
    .loc-grid {

    grid-template-columns: repeat(1, 1fr);
}
.loc-intro {

    grid-template-columns:  1fr;
}
.ind-grid {
    grid-template-columns: repeat(1, 1fr);
}

}