@media all and (max-width: 1400px){
    /* ===== HOMEPAGE ======*/

    /* SPECIAL CARD */
    .home-section-special-card-text
    {
        top: 31%;
    }

    .home-section-1 img
    {
        height: 120px;
    }

    .home-section-1 p
    {
        font-size: 1rem;
        top: 40%;
        width: 60%;

    }

    .home-section-1 div:hover p
    {
        font-size: 1.2em;
    }

    .home-section-2 img, .home-section-3 img
    {
        height: 160px;
        max-width: 100%;
    }

    /* ========== BUTCHER ==============*/

    .butcher-title h1
    {
        width: 50%;
    }

    .butcher-section-1 h2:before
    {
        width: 25%;
    }

    .butcher-section-1 h2:after
    {
        width: 25%;
    }
}

@media all and (max-width: 990px) {
    /* ===== FOOTER ==== */
    .footer-address
    {
        margin-bottom: 35px;
    }


    .footer-schedule, .footer-info
    {
        margin-bottom: 35px;
    }



    /* ===== HOMEPAGE ======*/
    .home-section-1 div
    {
        margin-bottom: 25px;
    }

    .home-section-1 img {
        height: 180px;
    }

    .home-section-2, .home-section-3, .home-section-4
    {
        padding: 35px 0;
    }

    /* SPECIAL CARD */
    .home-section-special-card-text
    {
        top: 32%;
    }

    /* CHRISTMAS CARD */

    .home-section-christmas-card-text
    {
        top: 45%;
        width: 80%;
    }

    .home-section-christmas-card-text h3
    {
        font-weight: bold;
        color: white;
        font-size: 1.4em;
    }

    /* ========== BUTCHER ==============*/
    .butcher-title h1
    {
        font-size: 1.2em;
    }

    .butcher-pages div img
    {
        height: 360px;
        width: 100%;
        margin-bottom: 35px;
    }

    .butcher-section-2 div
    {
        margin-bottom: 25px;
    }

    .butcher-section-2 p
    {
        width: 50%;
    }

    .butcher-section-2 img
    {
        height: inherit;
    }

    .butcher-section-1 h2:before
    {
        width: 15%;
    }

    .butcher-section-1 h2:after
    {
        width: 15%;
    }

    .butcher-section-3 div:first-child
    {
        margin-bottom: 35px;
    }

    .butcher-section-3 div
    {
        margin-bottom: 25px;
    }

    .butcher-section-3 div img
    {
        height: 300px;
        width: 100%;
    }

    .butcher-section-3 .btn
    {
        margin: inherit;
    }

    .butcher-pages .butcher-pages-text .btn
    {
        margin-top: 15px;
        position: inherit;
    }

    /* ========== CATERER =======*/
    .caterer-section-3-item
    {
        width: 100%;
        height: inherit;
    }

    .caterer-contact-form
    {
        padding: 50px 10%;
    }

    /* ==== ORDER ====*/

    /* ORDER INFO */
    .order-section-infos-form
    {
        width: 100%;
    }

    /* ==== FIND US ====== */

    .findus-map iframe
    {
        max-width: 95%;

    }

    /* ===== PRODUCTS ======= */
    .products-nav
    {
        width: 100%;
    }

    .products-nav div
    {
        height: 65px;
    }

}

@media all and (max-width: 760px){
    /* ===== HEADER ==== */
    .header-container p
    {
        font-size: 0.8rem;
    }

    .header-container .header-logo img
    {
        height: 50px;
    }

    /* ===== FOOTER ==== */
    .footer-schedule
    {
        border: none;
    }

    .footer-address
    {
        text-align: center;
    }

    .footer-address iframe
    {
        display: none;
    }

    /* ===== CHRISTMAS CARD === */
    .christmas-card-background{
        display: none;
    }


    /* ===== HOMEPAGE ======*/
    .home-carousel
    {
        height: 300px;
        width: 100%;

    }

    .carousel-inner
    {
        height: 300px !important;
        width: 100%;
    }

    .carousel-inner img
    {
        height: 300px !important;
        width: 100%;
    }

    .carousel-text-content
    {
        top: 15%;
        width: 75%;
    }

    .home-section-2 h2, .home-section-3 h2, .home-section-4 h2
    {
        text-align: center;
    }

    .home-image-container
    {
        text-align: center;
    }

    .home-section-2 img, .home-section-3 img
    {
        height: 250px;
        max-width: 100%;
        margin: 15px 0;
    }

    .home-section-4 div:nth-child(2)
    {
        margin: 0;
    }

    .home-section-4 div.card
    {
        margin-bottom: 35px;
    }


    /* ==== BUTCHER =====*/

    .butcher-pages div img
    {
        height: 250px;
    }

    .butcher-section-2 div
    {
        margin-bottom: 25px;
    }

    .butcher-section-3 h2:before, .butcher-section-3 h2:after
    {
        width: 20%;
        top: 40%
    }

    /* CHRISTMAS CARD */
    .home-section-christmas-card-text
    {
        top: 25%;
    }

    .home-section-christmas-card img
    {
        height: 150px;
    }

    .christmas-card-section .modal-dialog
    {
        max-width: 100% !important;
    }

    /* ====== CATERER =========== */
    .caterer-title h1
    {
        width: 40%;
        padding: inherit;
    }

    .caterer-section-1
    {
        margin-top: 25px;
    }

    .caterer-section-1 img
    {
        margin-bottom: 50px;
    }

    .caterer-section-1 .btn, .caterer-section-2 .btn
    {
        bottom: -30px
    }

    .caterer-section-info
    {
        margin-bottom: 35px;
    }

    .caterer-section-3 h2:before
    {
        width: 20%;
    }

    .caterer-section-3 h2:after
    {
        width: 20%;
    }

    .caterer-contact-title h1
    {
        width: 95%;
        font-size: 0.9em;
    }

    .caterer-contact-form
    {
        padding: 50px 0;
    }

    /* ====== PRODUCTS =======*/

    .products-header div
    {
        width: 90%;
    }

    .products-header h1
    {
        font-size: 1.2em;
    }

    .products-header p
    {
        font-size: 0.8em;
    }

    .products-nav
    {
        text-align: center;
    }


    /* =====CART =======*/

    .cart-section-img
    {
        display: none;
    }

    /* ==== ENGAGEMENTS ===== */
    .engagement-section-1 h1
    {
        margin-top: 25px;
    }

}

@media all and (max-width: 420px){
    .home-section-special-card-text
    {
        top: 30%;
        width: 90%;
    }

    .header-container .container-fluid > .row
    {
        margin-left: 0;
        margin-right: 0;
    }


    .product-list .card
    {
        width: 80%;
    }
}