/* RESPONSIVE START */
@media screen and (min-width: 635px) {
    .header_bottom .search_container {
        grid-column: 2/11;
    }

    .hero_container {
        max-width: 100%;
    }

    .home_slider {
        
        height: 300px;
        
    }

    .hero_text h2 {
        font-size: 3.2rem;
    }

    .hero_text p {
        font-size: 1.3rem;
        
    }

    .department_cards .department_card {
        margin: 30px;
    }

    .footer-links > .container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;

    }
}

@media screen and (min-width: 700px) {
    .header_campaign p{
        text-align: center;
    }

    .hero_text p {
        font-size: 1.4rem;
        
    }

    .hero_text h2 {
        font-size: 3.4rem;
    }
}

@media screen and (min-width: 800px) {
    .header_bottom .price {
        grid-column: 10/11;
    }

    .shopping_cart {
        grid-column: 9/10;
    }

    .header_bottom .search_container {
        grid-row: 1/2;
        grid-column: 4/8;
    }

    .hero_text h2 {
        font-size: 3.6rem;
        letter-spacing: 2px;
    }

    .hero_text p {
        font-size: 1.6rem;
        
    }

    footer .lower {
        
        flex-direction: row;
        justify-content: space-between;
    }
}

@media screen and (min-width: 1010px) {
    .header_bottom {
        max-width: 950px;
    }
    .shopping_cart span {
        right: 20%;
    }

    .home_slider {
        max-width: 950px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1020px) {
    /* .grid-container {
        max-width: 80%;
    } */

    /* .grid-x .logo {
        width: 90%;
    } */

    /* .grid-x .search_container {
        width: 90%;
    } */

    /* .shopping_cart span {
        right: 25%;
    } */
}

@media screen and (min-width: 1100px) {
    .grid-x .search_container {
        width: 100%;
    }
}

@media screen and (min-width: 1350px) {
    .shopping_cart span {
        right: 30%;
    }
}

@media screen and (min-width: 1650px) {
    .shopping_cart span {
        right: 35%;
    }

    .grid-container {
        max-width: 1400px;
    }
}
/* RESPONSIVE END */