* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

#headcl {
    background-color: rgb(184,27,27);
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    max-width: 10000%;
}
.piso{
    width: 100%; 
    max-width: 1000px;
   margin-left: auto;
   margin-right: auto;
}

header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1000px;
    margin: auto;




    
}

nav{
    width: 418px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.headbt{
     width: 130px;
    height: 40px;




   

    display: flex;
    justify-content: center;

    

    
   
       font-family: "Eczar", serif;
  font-weight: 700;
  font-style: normal;
   font-size: 30px;
   text-decoration-line: none;
   color: rgb(255, 255, 255);
}


h1{
    width: 660px;
    margin-left: auto;
   margin-right: auto;
   margin-top: 40px;
   margin-bottom: 80px;

  font-family: "Eczar", serif;
  font-weight: 600;
  font-style: normal;


   font-size: 50px;
color: black;


}

#grupo_2{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 270px;



   
}
#grupo_texto_2{
    width: 575px;

     display: flex;

     flex-direction: column;
}

h3{
   margin-bottom: 10px;

 font-family: "Eczar", serif;
  font-weight: 300;
  font-style: normal;

   font-size: 21px;
color: rgb(0, 0, 0);



}


h2{
   margin-bottom: 10px;

   font-family: "Eczar", serif;
  font-weight: 300;
  font-style: normal;
  

   font-size: 30px;
color:  rgb(184,27,27);
}

p{
   margin-bottom: 10px;

  
    font-family: "Fahkwang", sans-serif;
  font-weight: 400;
  font-style: normal;


   font-size: 15px;
color: rgb(0, 0, 0);
}

.cta{
    width: 130px;
    height: 40px;




   

    display: flex;
    justify-content: center;

    

    
   font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
   font-size: 21px;

color: rgb(219, 21, 21);
}
#cta:hover{
    background-color: brown;
    color: white;
}

#receitas{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    

margin-bottom: 100px;

    
}


.receita_cart{
    width: 235px;
}

#sparador{
     width: 1000px;
    height: 300px;

    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(imgs/separador.jpg);
}

#texto_branco{
    width: 1000px;
    color: aliceblue;
    text-align: center;
}

#textosalin{
  

margin-bottom: 100px;

    
}

.textoalin{
    width: 490px;
}

#galeria{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
  gap: 20px 20px;
    

margin-bottom: 100px;
}

#dg-gl{
    width: 1000px;
}

footer {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: brown;
}

.social{

  width: 400px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;

}




#copy{
    display: flex;
  height: 200px;
  align-items: flex-end;
  width: 250px;
  justify-content: space-between;
}


h6{
   font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
   font-size: 14px;
   line-height: 14px;
color: rgb(64, 219, 21);
}


#esp1img{
    margin-top: 116px;
    margin-bottom: 170px;
}

#grupo_1{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
margin-bottom: 270px;



}
#grupo_texto_1{
    width: 575px;

     display: flex;

     flex-direction: column
}

#grupo_3{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 270px;



}
#grupo_texto_3{
    width: 575px;

     display: flex;

     flex-direction: column;
}

#imgs{
      width: 100%; 
    max-width: 1000px;
   margin-left: auto;
   margin-right: auto;

    display: flex;
    align-items: center;
}

.mtexto{
max-width: 550px;

}
#mttexto{
      margin-bottom: 270px;
}

#destaquebold{
 font-weight: 700;
}