.corpo{
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  /*background-image: url(../img/carnaroli/fundo-novo-integral.jpg);*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  margin-bottom: 0%;
}

a {
    color: goldenrod;
}

a:hover {
    color: gold;
}

.fa {
    font-size: 15pt;
}

.btn {
    border-radius: 40px;
}

h2 {
    color: #006325;
    font-size: 2.5em;
    padding-top: 9%;
    font-family: 'Merienda One', cursive;
    font-style: regular;
}

.fa-facebook-square{
  font-size: 25pt;
}

.fa-instagram{
  font-size: 25pt;
}

.fa-wordpress{
  font-size: 25pt;
}



.title-produto{
  color: #377e2f;
  font-size: 3.4em;
  padding-top: 3%;
  font-family: 'Merienda One', cursive;
  font-style: regular;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  margin-bottom: 0%;
}

.title-saudavel{
  color: #377e2f;
  font-size: 3.4em;
  padding-top: 3%;
  font-family: 'Merienda One', cursive;
  font-style: regular;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  margin-bottom: 0%;
}

.componentes{
  margin-top: -100px;
  margin-bottom: 3%;
}

.title-componentes{
  color: #0A542B;
  font-size: 4em;
  font-family: 'Merienda One', cursive;
  font-style: regular;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0%;
  padding-top:6%;
  padding-bottom: 6%;
  width: 100%;
}

.btn-tabela{
  margin-top: 5%;
  background-color: #0E783E;
}

.title-receita{
  color: #377e2f;
  font-size: 3.4em;
  font-family: 'Merienda One', cursive;
  font-style: regular;
  padding-top: 6%;
  padding-bottom: 6%;
}

.title-representante{
  color: #377e2f;
  font-size: 2.7em;
  font-family: 'Merienda One', cursive;
  font-style: regular;
  padding-top: 2%;
}

.title-detalhes{
  font-family: 'Merienda One', cursive;
  font-style: regular;
  color: #377e2f;
}

.fundo-detalhes-verde{
  background-color: rgba(206, 224, 126, 0.5);
  padding: 2% 2% 1% 2%;
}

.fundo-detalhes{
  padding: 2% 2% 1% 2%;
}

.section4{
  margin-top: 6%;
}

.seta-branca{
    padding-bottom: 4%;
}

nav .nav-item {
    margin-right: 20px;
}

nav img {
    margin-left: 100px;
    width: 50px;
    height: auto;
    margin-right: 35px;
}

.my-5 {
    margin-top: 7%;
}

.my-5 .intro {
    font-size: 16pt;
}

footer .fa {
    margin-right: 10px;
}

/* Create four equal columns that sits next to each other */

.column {
    -ms-flex: 25%;
    /* IE10 */
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

.column img {
    margin-top: 8px;
    vertical-align: middle;
}

.section2 {
    background-image: linear-gradient(rgb(145, 10, 14), #CE181E);
    padding-top: 5%;
    padding-bottom: 5%;
}

.title-produtos{
    padding-top: 15%;
    padding-bottom: 3%;
}

.green-canaroli {
    background-color: #006325;
}

.espaço-produtos{
  margin-top: 70px;
}

.section3 .container .row .produto {
  margin-bottom: 2%;
}

.selo-risoto{
  width: 40%;
  margin-bottom: 5%;
  margin-top: 5%;
}

.intro-cima{
  margin-top: 10%;
}

.text-carnaroli{
  font-size: 14pt;
}

.selo{
  width: 40%;
}


.section-contato{
  padding-top: 6%;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  background-image: url(../img/carnaroli/fundo-carnaroli.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  height: 100%;
  padding-bottom: 3%;
  margin-bottom: 0%;
}

.btn-verde{
  background-color: #006325;
  color: white;
}

/* Responsive layout - makes a two column-layout instead of four columns */


@media screen and (max-width: 991px) {
    .img-prepara {
        margin-top: 52%;
    }
    
    .section3{
        padding-top: 6%;
        margin-top: 20%;
        margin-left: 0px;
        margin-right: 0px;
        background-image: url(../img/carnaroli/fundo-carnaroli.jpg);
        background-repeat: no-repeat;
        /*background-position: bottom;*/
        background-size: contain;
        height: 100%;
        margin-bottom: 0%;
       
    }

    .section5{
        padding-top: 6%;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        background-image: url(../img/carnaroli/bancada.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
        height: 100%;
        padding-bottom: 3%;
        margin-bottom: 0%;
    }

    .text-carnaroli{
      font-size: 12pt;
    }


    .componentes{
      margin-top: -70px;
      margin-bottom: 3%;
    }

   

    .selo{
      width: 50%;
    }

    .entre{
      margin-bottom: 2%;
    }

}

@media screen and (max-width: 767px) {
  
  .col-md-3{
    width: 50%;
  }

  .section-titulo h2{
    padding-top: 20%;
    font-size: 35pt;
  }

  .imagem-produto{
    width: 70%;
  }

  .imagem-fundo{
    background-position-y: 10%;
  }

  .section3{
        background-image: url(../img/carnaroli/bancada.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        height: 100%;
  }

  .selo{
    padding-bottom: 5%;
  }

  .title-receita{
    font-size: 25pt;
    margin-top: 10%;
  }
  
  .entre{
    margin-bottom: 5%;
  }

}


@media screen and (max-width: 1600px) {
  .section3{
      padding-top: 3%;
        margin-top: 0%;
        margin-left: 0px;
        margin-right: 0px;
        background-image: url(../img/carnaroli/bancada.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
        height: 100%;
        padding-bottom: 3%;
        margin-bottom: 0%;
  }

  .section5{
      padding-top: 6%;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        background-image: url(../img/carnaroli/bancada.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
        height: 100%;
        padding-bottom: 3%;
        margin-bottom: 0%;
  }

  .imagem-fundo{
      background-image: url(../img/carnaroli/fundo-carnaroli.jpg);
        background-repeat: no-repeat;
        /*background-position: bottom;*/
        background-size: contain;
        height: 100%;
        background-position-y: 70%;
  }

  .section-titulo h2{
    margin-top: 5%;
    font-size: 40pt;
  }

  .entre{
    margin-bottom: 3%;
  }


}

@media screen and (min-width: 1600px) {
 
  .banner-hotsite{
    width: 100%;
    background-position:center;
  }
  
  .section2{
      padding-bottom: 5%;
  }
  
  .imagem-fundo{
    background-image: url(../img/carnaroli/fundo-carnaroli.jpg);
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      background-position-y: 55%;
  }
  
  .section3{
    padding-top: 4%;
      margin-top: 0;
      margin-left: 0px;
      margin-right: 0px;
      background-image: url(../img/carnaroli/bancada.jpg);
      background-repeat: no-repeat;
      background-position: bottom;
      background-size: contain;
      height: 100%;
      padding-bottom: 7%;
      margin-bottom: 0%;
  }

  .section-titulo h2{
      margin-bottom: 0;
      margin-top: 5%;
      font-size: 35pt;
  }

  .text-carnaroli{
    font-size: 16pt;
  }

  .title-receita{
    margin-top: 10%;
  }

  .entre{
    margin-top: 2%;
  }

  .selo{
    width: 30%;
  }
  
  .row-tradicao{
    width: 100%;
  }

  }


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 600px) {
    .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }

    .section-titulo h2{
      padding-top: 20%;
      font-size: 35pt;
    }
  
    .imagem-produto{
      width: 70%;
    }
  
    .imagem-fundo{
      background-position-y: 40%;
    }
  
    .section3{
      background-position-y: 50%;
    }
  
    .selo{
      padding-bottom: 5%;
    }
  
    .title-receita{
      font-size: 25pt;
      margin-top: 10%;
    }
    
    .entre{
      margin-bottom: 5%;
    }
}


/*
Celular
*/

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

    p {
        margin-left: 3px;
        margin-right: 3px;
    }

    .my-5 h2 {
        font-size: 4em;
    }

    footer p {
        margin-bottom: 4px;
    }

    footer hr {
        margin-top: 60px;
    }

    .title-representante{
        font-size: 2em;
    }

    .section-titulo h2{
      padding-top: 20%;
      font-size: 35pt;
    }
  
    .imagem-produto{
      width: 70%;
    }
  
    .imagem-fundo{
      background-position-y: 40%;
    }
  
    .section3{
      background-position-y: 49%;
    }
  
    .selo{
      padding-bottom: 5%;
    }
  
    .title-receita{
      font-size: 25pt;
      margin-top: 10%;
    }
    
    .entre{
      margin-bottom: 5%;
    }

}

@media screen and (max-width: 460px) {
  .componentes{
    margin-top: 0px;
    margin-bottom: 3%;
  }

  .col-md-3{
    width: 100%;
  }

  .section-titulo h2{
    padding-top: 20%;
    font-size: 35pt;
  }

  .imagem-produto{
    width: 70%;
  }

  .imagem-fundo{
    background-position-y: 36%;
  }

  .section3{
    background-position-y: 46%;
  }

  .selo{
    padding-bottom: 5%;
  }

  .title-receita{
    font-size: 25pt;
    margin-top: 10%;
  }
  
  .entre{
    margin-bottom: 5%;
  }



}

@media screen and (max-width: 435px) {
  .section3{
    background-position-y: 42%;
  }

}

.section-contato {
    margin-top: 5%;
    padding-bottom: 5%;
    margin-bottom: -50px;
    padding-left: 30px;
    padding-right: 30px;
}

.card {
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}