/* Media Query */

/*  Tablets */
@media (max-width: 1024px) {

    .nav-links a {
        font-size: .9rem;

    }

    .nav-links {
        margin-right: 0;
    }

    .hero-section p {
        background-color: #2a333eba;
        color: #ffffff;
    }

    .products-view__fast-services {
        flex-direction: column;
        align-items: center;
    }

    .fast-services__products {
        flex-direction: row;
        overflow: auto;
        width: 90%;
        padding-bottom: 20px;
    }

    .fast-services__products::after,
    .fast-services__products::before {
        display: none;
    }


    .fast-services__product-overview {
        width: 100%;
        height: 60vh;
    }

    .products-view__card,
    .menu__card {
        width: 45%;
    }

    .footer-head {
        width: 100%;
        position: static;
    }
}


/* Mobiles */
@media (max-width: 768px) {

    .nav-icons .fa-bars {
        display: inline-block;

    }

    .nav-links {
        display: none;
    }

    .hero-section::after {
        top: 6.3125rem;
        left: 21.25rem;
        font-size: 2.375rem;
        writing-mode: horizontal-tb;
    }

    .products-view__cards {
        flex-flow: column nowrap;
    }

    .products-view__fast-services,
    .menu__cards {
        flex-direction: column;
        align-items: center;
    }

    .fast-services__products {
        flex-direction: row;
        overflow: auto;
        width: 90%;
        padding-bottom: 20px;
    }

    .fast-services__products::after,
    .fast-services__products::before {
        display: none;
    }


    .fast-services__product-overview {
        width: 100%;
        height: 85vh;
    }

    .product-overview--coffee-img {
        width: 7.25rem;
        height: 7.25rem;
        bottom: 5px;
        right: 5px;
    }

    .fast-services__product-overview span {
        font-size: .7rem;
    }

    .products-view__card,
    .menu__card {
        width: 90%;
    }

    .mobile-app__content {
        margin: 0 .9375rem;
    }

    .testimonial__cards {
        flex-wrap: wrap;

    }

    .footer-head {
        width: 100%;
        position: static;
    }

    .footer-content {
        flex-wrap: wrap;
    }

    .product-overview--coffeebeans-img {
        display: none;
    }

}



/* End Media Query */