@media only screen and (max-width:991px) and (min-width:769px) {

    .single-menu {
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin-inline: 20px;
    }


    h2 {
        font-size: 1.3rem;
    }

    p {
        font-size: 1rem;
    }

    .menu-column h3 {
        font-size: 1rem;
    }

    .menu-content h4 {
        font-size: .8rem;
    }

    .menu-content p {
        font-size: .6rem;
    }



    .chef-section .chef-info h3 {
        font-size: 1rem;
    }

    .chef-info p {
        font-size: 1rem;
    }



    /* team page */
    .team-section h2 {
        font-size: 1.3rem;
        text-align: start;
    }

    .team-section p {
        font-size: 0.8rem;
        text-align: justify;
    }

    /* updates page */
    .news-form p {
        font-size: 0.6rem;
        text-align: justify;
    }

    #btn {
        margin-left: auto;
        margin-right: auto;
    }

    /* menu page */
    .our-menu-section .s-menu {
        width: 26%;
    }


    /* testimonials */
    .carousel-item .card{
        width: 500px;
         height: auto;
      }

      .card-body p{
        color: white;
        padding-inline: 50px;
        text-align: justify;
     }

     .client{
        color: white;
        display: flex;
        padding-inline: 5px;
     }

     .client h2{
        font-size: 1.3rem;
     }
     
     .client img{
        max-width: 100px;
        height: auto;
        border-radius: 50%;
        align-items: center;
     }

}

@media screen and (max-width: 768px) and (min-width:576px) {

    .home-about-section h2 {
        font-size: 1.3rem;
    }

    h2 {
        font-size: 1.3rem;
    }

    p {
        font-size: 1rem;
    }

    .single-menu {
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin-inline: 20px;
    }

    .single-menu img {
        margin-bottom: 25px;
    }

    .menu-content p {
        text-align: justify;
    }

    .menu-column h3 {
        font-size: 1rem;
    }

    .menu-content h4 {
        font-size: .8rem;
    }

    .menu-content p {
        font-size: .6rem;
    }

    .chef-section .chef-info h3 {
        font-size: 1rem;
    }

    .chef-info p {
        font-size: 1rem;
    }


    /* team page */
    .team-section h2 {
        font-size: 1.3rem;
        text-align: start;
    }

    .team-section p {
        font-size: 0.8rem;
        text-align: justify;
    }

    /* footer */
    .footer p {
        font-size: 1.1rem;
    }

    /* updates page */
    .news-form p {
        font-size: 0.8rem;
        text-align: justify;
    }

    #btn {
        margin-left: auto;
        margin-right: auto;
    }


    /* menu page */
    .our-menu-section .s-menu {
        width: 25%;
    }

    /* testimonials */
    .carousel-item .card{
        width: 500px;
         height: auto;
      }

      .card-body p{
        color: white;
        padding-inline: 50px;
        text-align: justify;
     }

     .client{
        color: white;
        display: flex;
        padding-inline: 5px;
     }

     .client h2{
        font-size: 1.3rem;
     }
     
     .client img{
        max-width: 100px;
        height: auto;
        border-radius: 50%;
        align-items: center;
     }

}

@media screen and (max-width:576px) {


    .home-about-section h2 {
        font-size: 1.3rem;
    }

    p {
        font-size: 1rem;
    }


    .chef-section .chef-info h3 {
        font-size: 1.2rem;
    }

    .chef-info p {
        font-size: 1rem;
    }

    .single-menu {
        margin-inline: 20px;
    }

    .menu-column {
        width: 100%;
    }

    .menu-content {
        margin-bottom: 10px;
    }

    .menu-column h3 {
        font-size: 1rem;
    }

    .menu-content h4 {
        font-size: .8rem;
    }

    .menu-content p {
        font-size: .6rem;
    }



    /* team page */
    .team-section h2 {
        font-size: 1.3rem;
        text-align: start;
    }

    .team-section p {
        font-size: 0.8rem;
        text-align: justify;
    }


    /* footer */
    .footer p {
        font-size: 1.1rem;
    }

    /* updates page */
    .news-form p {
        font-size: 0.8rem;
        text-align: justify;
    }


    /* menu page */
    .our-menu-section .s-menu {
        width: 100%;
    }

    /* testimonials */
    .carousel-item .card{
        width: 300px;
         height: auto;
      }

      .card-body p{
        color: white;
        padding-inline: 5px;
        text-align: justify;
     }

     .client{
        color: white;
        display: flex;
        padding-inline: 5px;
     }

     .client h2{
        font-size: 1.3rem;
     }
     
     .client img{
        max-width: 100px;
        height: auto;
        border-radius: 50%;
        align-items: center;
     }
}