@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@300;500&family=Zilla+Slab:wght@500&display=swap');
/* font-family: 'Zilla Slab', serif; */
/* font-family: 'Fira Sans Condensed', sans-serif; */

body{
    margin: 0;
    padding: 0;
}

/* navbar modal */

.logotop{
    max-width: 150px;
    max-height: 150px;
  }
  
  .mobnav{
    height: 100px; font-size: 18px;height: auto; align-items: center;
  }

  .mobnav a{
      text-decoration: none;
      color: #FA4D1A;
  }
  
  #mobilink{
    display : block;
    width:100%;
    height: 100%;
  }
  
  .mobnav i{
    font-size: 35px;
  }
  
  .modal-body a:hover{
    color: white;
    opacity: 1;
  }
  
  .modal-body img{
    width: 40px; height: auto; 
  }
  
  #modal{
    width: 300px;
  }
  
  #modalContent{
    width: 270px;
    background-color: #fefefe;
  }
  
  #modalContent ul li{
    color: white;
    background-color: #fefefe;
  }
  
  .list-group-item:hover{
    background-color: rgba(59, 57, 57, 0.164)!important;
  }

  

.init{
    width: 100%;
    height: 850px;
    background-image: url(/imgs/bgInit.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

nav{
    padding: 34px 0 89px 0 !important;
}
nav p{
    font-family: 'Fira Sans Condensed', sans-serif; font-size: 16px; font-weight: 500; line-height: 19px; color: #794039;
    margin-left: 55px; padding-bottom: 10px; border-bottom: 2px solid transparent;
}
nav a{
    padding: 0 !important;
}
nav p:hover{
    padding-bottom: 10px;
    border-bottom: 2px solid #FA4D1A;
}
nav a:visited{
    padding-bottom: 10px;
    border-bottom: 2px solid #FA4D1A;    
}

.init .mobnav .container-fluid{
    position: fixed; margin-top: 75px; background-color: white; height: 110px;
}


.inittext{
    width: 402px;
    margin-left: 70px;
}
.imginit{
    margin-bottom: 37px;
}
.initp1 p{
    font-family: 'Fira Sans Condensed', sans-serif; font-size: 24px; font-weight: 300; line-height: 28px; color: #FA4D1A;
    margin-bottom: 30px;
}
.initp2 p{
    font-family: 'Fira Sans Condensed', sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; color: #794039;
    margin-bottom: 30px;
}

/* products below*/

.produtos{
    width: 100%;
    height: 1120px;
    background-image: url('/imgs/bgProdutos.svg');
    background-repeat: no-repeat;
    padding-top: 193px;
}

.produtostext{
    width: 444px;
    margin-left: 91px;
}

.nossosprodutos{
    background-image: url('/imgs/bgNossosprodutos.svg');
    background-repeat: no-repeat;
    width: 284px;
    height: 43px;
    background-position: left;
    margin-left: -60px;;
}
.nossosprodutos p{
    font-family: 'Zilla Slab', serif; font-size: 13px; font-weight: 500; line-height: 17px; letter-spacing: 1.95px;
    margin-left: 60px;
    padding-top: 12px;
    color: #FFF0D6;
}

.imgprodutostext{
    margin-top: 11px;
    margin-bottom: 30px;
}

.produtosp1 p{
    font-family: 'Fira Sans Condensed', sans-serif; font-size: 16px; font-weight: 500; line-height: 24px;
    color: #794039;
    margin: 0;
}
.produtosp1 b{
    font-family: 'Fira Sans Condensed', sans-serif; font-size: 16px; font-weight: 500; line-height: 24px;
    color: #FA4D1A;
}
.produtosp1 .dots{
    margin: 0;
    padding: 30px 0 30px 0;
    color: #FA4D1A;
}

.produtosp2 p{
    font-family: 'Fira Sans Condensed', sans-serif; font-size: 24px; font-weight: 300; line-height: 28px;
    color: #FA4D1A;
    padding-bottom: 35px;
    margin: 0;
}

.iprodutos img{
    width: 27px;
    height: 27px;
}
.iprodutos p{
    font-family: 'Fira Sans Condensed', sans-serif; font-size: 16px; font-weight: 500; line-height: 24px;
    color: #794039;
    margin-bottom:20px;
    margin-left: 6px;
    padding: 0;
}
.iprodutos .d-flex{
    margin-right: 20px;
}

/*cardapio below*/

.cardapio{
    width: 100%;
    height: 983px;
    background-image: url('/imgs/bgCardapioFull.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -150px;
}



.cardapio .container{
    padding-top: 292px;
    text-align: center;
}
.cardtitle{
    background-image: url('/imgs/bgcardtitle.svg');
    background-repeat: no-repeat;
    width: 284px;
    height: 43px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 27px;
}
.cardtitle p{
    font-family: 'Zilla Slab', serif; font-size: 13px; font-weight: 500; line-height: 17px; letter-spacing: 1.95px;
    padding-top: 10px;
    color: #00A786;
}
.cardapio .baixarcard{
    background-color: #00A786;
    width: 450px;
    height: 75px;
    border-radius: 50px;
    padding-top: 24px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

.baixarcard a{
    font-family: 'Fira Sans Condensed', sans-serif; font-size: 24px; font-weight: 500; line-height: 28px;
    color: #FFFFFF;
    text-decoration: none;   
}
.baixarcard a:hover{
    color: #FA4D1A;
}

/* faça um pedido below */

.pedido{
    width: 100%;
    height: 1122px;
    background-image: url('/imgs/bgProdutos.svg');
    background-repeat: no-repeat;
    padding-top: 196px;
    margin-top: -112px;
}

.pedidotext{
    width: 356px;
    margin-left: 91px;
}

.facapedido{
    background-image: url('/imgs/bgNossosprodutos.svg');
    background-repeat: no-repeat;
    width: 284px;
    height: 43px;
    background-position: left;
    margin-left: -60px;;
}
.facapedido p{
    font-family: 'Zilla Slab', serif; font-size: 13px; font-weight: 500; line-height: 17px; letter-spacing: 1.95px;
    margin-left: 60px;
    padding-top: 12px;
    color: #FFF0D6;
}

.imgpedidotext{
    margin-top: 30px;
    margin-bottom: 41px;
}

.pedidop1 p{
    font-family: 'Fira Sans Condensed', sans-serif; font-size: 16px; font-weight: 500; line-height: 24px;
    color: #794039;
    margin: 0;
    padding-bottom: 44px;
}

.pedido .whats{
    background-color: #00A786;
    width: 330px;
    height: 75px;
    border-radius: 40px;
}
.whats a{
    font-family: 'Fira Sans Condensed', sans-serif; font-size: 24px; font-weight: 500; line-height: 28px;
    color: #FFFFFF;
    text-decoration: none;
    margin-left: 15px; 
    padding-top: 24px; 
}
.whats a:hover{
    color: #FA4D1A;
}
.whats i{
    font-size: 90px;
    margin-left: 30px;
    color: white;
    margin-top: 1px;
}

/* footer below */

.footer{
    width: 100%;
    height: 205px;
    background-image: url('/imgs/bgFooter.png');
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 3px solid #794039;
}
.footer #p1{
    font-family: 'Zilla Slab', serif; font-size: 24px; font-weight: 500; line-height: 29px;
    margin-bottom: 5px;
    color: #794039;
}
.footer #p1-5{
    font-family: 'Zilla Slab', serif; font-size: 24px; font-weight: 500; line-height: 29px;
    margin-bottom: 5px;
    padding-top: 40px;
    color: #794039;
}
.footer #col-doot{
    border-right: 1px dashed white;
}
.footer #p2{
    font-family: 'Fira Sans Condensed', sans-serif; font-size: 16px; font-weight: 500; line-height: 24px;
    color: #FFF0D6;
}
.footer #p3{
    color: #FFF0D6;
    font-family: 'Fira Sans Condensed', sans-serif; font-size: 10px; font-weight: 300; line-height: 10px;
}
.footer input{
    width: 286px; height: 40px;
    border: none;
}
.footer button{
    color: #FFF0D6;
    background-color: #00A786;
    border: none;
    font-family: 'Zilla Slab', serif; font-size: 24px; font-weight: 500; line-height: 29px;
}
.footer a{
    margin-right: 10px;
    margin-bottom: 23px;
}
.bardots{
    color: #FFF0D6;
    margin-left: 35px;
    -webkit-transform: rotate(90deg);  /* to support Safari and Android browser */
    -ms-transform: rotate(90deg);      /* to support IE 9 */
    transform: rotate(90deg);
}

@media (max-width:349px){
    html .init{
        background-position: left;
        height: 680px;
    }
    html .inittext{
        margin-left: 0;
        width: 300px;
        margin-top: 60px;
    }
    html .inittext img{
        width: 280px;
    }
    html .initp1 p{
        font-size: 18px;
    }
    html .initp2 p{
        font-size: 15px;
    }
    html .produtos{
        padding-top: 73px;
        height: 1350px;
        background-repeat: repeat-y;
    }
    html .mobnav img{
        height: 90px;
    }
    html .mobnav i{
        font-size: 30px;
    }
    html .produtosp1 p{
        font-size: 15px;
    }
    html .produtos > .d-flex{
      display: block !important;
  }
  html .congelados{
      text-align: center;
      padding-bottom: 80px;
  }
  html .congelados img{
    width: 280px;
    height: 280px;
}
  html .produtostext{
      margin-left: 0px;
      width: 310px;
  }
  html .nossosprodutos{
      margin-left: 0;
  }
  html .imgprodutostext img{
      width: 280px;
  }
  html .cardapio{
    height: 800px;
    margin-top: -120px;
    background-position: center;
  }
  html .cardapio .container{
      padding-top: 262px;
  }
  html .cardapio img{
      width: 290px;
  }
  html .cardtitle{
      margin-left: 0;
  }
    html .cardapio .baixarcard{
        margin-left: 0;
        width: 280px;
    }
    html .pedido > .d-flex{
        display: block !important;
    }
    html .pedido{
    padding-top: 50px;
    height: 1000px;
    margin-top: -125px;
    }
    html .pedido .whats{
        width: 300px;
    }
    html .pedidotext{
        margin-left: 0;
        width: 290px;
    }
    html .facapedido{
        margin-left: 0;
    }
    html .imgpedidotext img{
        width: 290px;

    }
    html .pedindo img{
        margin-top: 50px;
        width: 300px;
    height: 300px;
    margin-bottom: 30px;
    }
    html .pedindo{
        text-align: center;
    }
    html .pedidop1 p{
        font-size: 15px;
    }
    html .footer{
        height: 500px;
        background-repeat: repeat;
    }
    .footer .selofooter{
        text-align: center;
    }
    .footer .selofooter img{
        width: 120px;
        margin-top: 20px;
    }
    .footer #p1{
        font-size: 20px;
        padding-top: 20px;
    }
    .footer #p1-5{
        font-size: 20px;
        padding-top: 20px;
    }
    .footer #p2{
        font-size: 13px; 
    }
    nav {
        padding: 15px 0 89px 0 !important;
    }
    .modal-dialog{
        background-size: contain;
        background-position: right;
        background-image: url(/imgs/bgProdutos.svg);
      }
}
@media (min-width:350px) and (max-width:426px){
    html .init{
        background-position: left;
        height: 690px;
    }
    html .inittext{
        margin-left: 0;
        width: 300px;
        margin-top: 50px;
    }
    html .inittext img{
        width: 280px;
    }
    html .initp1 p{
        font-size: 18px;
    }
    html .initp2 p{
        font-size: 15px;
    }
    html .produtos{
        padding-top: 73px;
        height: 1350px;
        background-repeat: repeat-y;
    }
    html .produtosp1 p{
        font-size: 15px;
    }
    html .produtos > .d-flex{
      display: block !important;
  }
  html .congelados{
      text-align: center;
      padding-bottom: 80px;
  }
  html .congelados img{
    width: 280px;
    height: 280px;
}
  html .produtostext{
      margin-left: 0px;
      width: 310px;
  }
  html .nossosprodutos{
      margin-left: 0;
  }
  html .imgprodutostext img{
      width: 280px;
  }
  html .mobnav img{
    height: 90px;
}
html .mobnav i{
    font-size: 30px;
}
  html .cardapio{
    height: 800px;
    margin-top: -120px;
    background-position: center;
  }
  html .cardapio .container{
      padding-top: 270px;
  }
  html .cardapio img{
      width: 290px;
  }
  html .cardtitle{
      margin-left: 55px;
  }
    html .cardapio .baixarcard{
        margin-left: 60px;
        width: 280px;
    }
    html .pedido > .d-flex{
        display: block !important;
    }
    html .pedido{
    padding-top: 93px;
    height: 1000px;
    margin-top: -125px;
    }
    html .pedidotext{
        margin-left: 0;
    }
    html .facapedido{
        margin-left: 0;
    }
    html .imgpedidotext img{
        width: 290px;

    }
    html .pedindo img{ 
        margin-top: 50px;
        width: 300px;
    height: 300px;
    }
    html .pedindo{
        text-align: center;
    }
    html .footer{
        height: 530px;
        background-repeat: repeat;
    }
    .footer .selofooter{
        text-align: center;
    }
    .footer .selofooter img{
        width: 150px;
        margin-top: 20px;
    }
    nav {
        padding: 15px 0 89px 0 !important;
    }
}
@media (min-width:426px) and (max-width:768px){
    html .init{
        background-position: left;
    }
    html .inittext{
        margin-left: 0;
    }
    html .produtos{
        padding-top: 93px;
        height: 1420px;
        background-repeat: repeat-y;
    }
    html .produtos > .d-flex{
      display: block !important;
  }
  html .congelados{
      text-align: center;
      padding-bottom: 80px;
  }
  html .congelados img{
    width: 435px;
    height: 435px;
}
  html .produtostext{
      margin-left: 50px;
  }
  html .cardapio{
    background-size: contain;
    margin-top: -272px;
}
html .cardapio .container{
    padding-top: 339px ;
}
html .cardtitle{
    margin: 15px 0px 20px 218px;;
}
.cardapio .baixarcard{
    margin-left: 220px;
    margin-top: 30px;padding-top: 17px;
    width: 278px;
    height: 60px;
}
.cardapio img{
    width: 420px;
}
html .pedido{
    margin-top: -287px;
}
    html .pedido > .d-flex{
        display: block !important;
    }
    html .pedido{
    padding-top: 93px;
    height: 1122px;
}
  
    html .pedindo img{
        width: 435px;
    height: 435px;
    }
    html .pedindo{
        text-align: right;
    }
    html .footer{
        background-repeat:repeat;
        height: 370px;
    }
    .footer #p1-5{
        padding-top: 10px;
    }
    .footer .col-md-12 .d-flex #a1{
        margin-left: 42%;
    }
}
@media (min-width:769px) and (max-width:1024px){
    html .congelados img{
        width: 435px;
        height: 435px;
    }
    html .produtostext{
        margin-left: 50px;
    }
    html .cardapio{
        background-size: contain;
        margin-top: -198px;
    }
    html .cardapio .container{
        padding-top: 325px ;
    }
    html .cardtitle{
        margin: 0 0 27px 335px;
    }
    .cardapio .baixarcard{
        margin: 51px 0 0 339px;
        width: 288px;
        height: 65px;
        padding-top: 18px;
    }
    .cardapio img{
        width: 500px;
    }
    html .pedido{
        margin-top: -221px;
        height: 1122px;
    }
    html .pedindo img{
        width: 435px;
        height: 435px;
        margin-top: 150px;
    }
    html .pedidotext{
        margin-right: 50px;
    }
}
@media (min-width:1025px) and (max-width:1440){

}
@media (min-width:1441px){
    html .cardapio{
        height: 1090px;
    }
    html nav a:visited{
        padding-bottom: 10px;
        border-bottom: 2px solid #FA4D1A;    
    }
    html .cardapio .container{
        padding-top: 342px ;
    }
    html .pedido{
        height: 1120px;
        margin-top: -96px;
    }
}
@media (min-width: 1700px){
    html .pedido{
        margin-top: -40px;
    }
}