@media only screen and (max-width: 992px) {
   *{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
   }
   .banner{
     margin-left: 2.4rem;
     padding-bottom: 4rem;
   }
   .banner p{
     width: fit-content;
   }
   .menu-card img{
     height: 245px;
   }
    .mansory{
      display: flex;
    }

    .middle-footer{
      padding: 0;
    }
    .middle-footer .atendimento{
      padding: 0;
      margin: 0 auto;
      justify-content: center;
      display: flex;
      text-align: center;
      margin-left: 60px;
      padding-top: 1rem;
    }
    .right-footer p{
      display: flex;
      justify-content: center;
      margin: 0 auto;
    }

    footer{
      height: 100%;
      text-align: center;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      padding-bottom: 2rem;
    }

    .delivery{
      display: flex;
      align-items: center;
      justify-content: center;
      padding-bottom: 2rem;
    }
    .delivery .right-delivery{
      padding-top: 1rem;
    }
    #header-side-bar-button .hblf-button{
      color: #000   ;
    }
    .header-links{
      display: none;
    }
    #header-side-bar-button i{
      font-size: 35px;
      padding: 2rem;
    }
    .middle-items-menu{
    padding-right: 0px; 
    padding-left: 0px;
    }
    .card img{
        height: 300px;
    }
    .card{
        padding-top: 1rem;
    }

    .section-text{
      margin: 0;
      width: fit-content;
      display: flex;
      flex-direction: column;
      text-align: center;
    }
    .menu-card img{
      height: 180px!important;
      margin: 0;
      padding: 0;
    }

    .main-menu .menu-card{
      padding: 1rem 0 1rem 0;
      margin: 0;
    }

    .main-menu .gourmet{
      margin-left: 9px;
    }

    

    .menu-card:nth-child(3) img{
      height: 3000px;
    }
    .main-banner{
      height: auto;
      background-repeat: no-repeat;
    }
  }

  @media only screen and (max-width: 768px){
    #header-links-desk .nav-content{
      display: none;
    }
  }


  @media only screen and (min-width: 1400px){
    .main-banner{
      padding-top: 150px;
    }

    .delivery img:nth-child(1){
      height: 480px;
    }

    .right-delivery{
      padding-left: 320px;
    }

    .section-text{
      margin-left: 200px;
    }
  }