@media screen and (max-width: 768px) {
    .hero h1 {
        font-size: 2rem;
    }
    .hero-header h1 {
        font-size: 2rem;
    }
    .product-grid {
        flex-direction: column;
    }
}
@media screen and (max-width: 1180px) {
    footer .doormat-section{
        width: 100%;
    }
}