@font-face {
    font-family: nunito;
    src: url('Nunito.ttf');
}

body{background-color:rgb(245, 226, 202); margin:0px; font-family:verdana; color:#d77b25; text-decoration: none;}



/* Cabeçalho do site*/
.cabecalho{width:100%; height: 100px; background-color:#d77b25; display: flex; justify-content: space-between; 
    border-bottom: 1px solid #ff5900; background-image: url(imagens/fundo-barra.png);}
.logo{height: 95px; margin-top: 5px; padding:0 100px;}

@media(max-width:860px){
    .cabecalho{display:block; height:220px; text-align: center;}
}


/* Menu do site */
.menu{width:500px; height: 60px; display:flex; justify-content: center; border-radius: 10px;  margin: 20px 100px 0 0; background-color:#e39246;}
.menu-itens{margin:0 20px; padding-top: 20px;}
.menu-itens a{ text-decoration: none; color:#ffffff; font-weight: bold; font-family: nunito;}
.menu-itens a:hover{ color:#992323; border-bottom: 2px solid; transition: all 1s;}


@media(max-width:860px){
    .menu{height:50px; margin: 50px auto;}
    .menu-itens{padding-top: 15px;}
}
@media(max-width:500px){
    .menu{width:400px; }
    .menu-itens{margin: 0 10px;}
}
@media(max-width:400px){
    .menu{width:100%;}
}


/*slide*/
.slide{width:100%; border-bottom: 5px solid #ff5900; padding-bottom: -20px;}
.slide-img{width:100%}


/*Descrição*/
.descricao{width:100%; padding-top: 50px; border-bottom: 5px solid #ff5900; font-family: nunito; }
.centralizar1{width:100%; display:block; text-align: center;}
.centralizar2{width:100%; display:flex; justify-content: center; padding-bottom: 50px; text-align: justify;}
h2{color:#ff5900;}
.centralizar2-p{color:#ff5900; font-size:28px;}
hr{color:#ff5900;}

@media(max-width:660px){
    .centralizar2-p{font-size:20px;}
}


/*Face*/
.face img{width:60px; position:fixed; bottom: 300px; right:0px; z-index:1}
@media(max-width:650px){
    .face img{width:40px; bottom:260px;}
}


/*Email*/
.email img{width:60px; position:fixed; bottom: 230px; right:0px; z-index:1}
@media(max-width:650px){
    .email img{width:40px; bottom:200px;}
}


/*Whats*/
.whats img{width:60px; position:fixed; bottom: 160px; right:0px; z-index:1}
@media(max-width:650px){
    .whats img{width:40px; bottom:140px;}
}




/*rodapé*/
.footer{width:100%; background-color:#d77b25; background-image: url(imagens/fundo-barra.png); display:block; }
.footer-center{display:flex; justify-content: center;}
.footer-center p{color:#fff; font-family: nunito;}
.footer-text{font-size:20px;}








/*********PRODUTOS**********/

.titulos{width:100%; background-color: rgb(245, 226, 202); display: flex; justify-content: center;  padding-top: 50px;;}

.galeria{
    width:100%;
    background-color: rgb(245, 226, 202);
    margin: auto auto;
}
.galeria img{
    width:250px;
    margin: 30px;
    border: 2px solid transparent;
}
.galeria img:hover{
    transition: all 2s; border: 2px solid #ff5900;
}


/*********FOTOS**********/

.galeria2{
    width:100%;
    background-color: rgb(245, 226, 202);
    margin: auto auto;
}
.galeria2 img{
    width:250px;
    margin: 30px;
    border: 2px solid #ff5900;
}



/*foto legenda*/
figure.foto-legenda{position:relative; border:1px solid #d77b25; width:250px; height:250px; display:inline-block;}
figure.foto-legenda img{width:250px; height:250px; color:#ffffff;}
figure.foto-legenda figcaption{position:absolute; top:0px; color:#ffffff; background-color:rgba(0,0,0,0.4); width:100%; height:100%; padding:0px; box-sizing:border-box; opacity:0; transition: opacity 1s;}
figure.foto-legenda:hover figcaption{opacity:1;}
figure.foto-legenda h2{text-align:center; text-decoration:underline; padding-bottom:8px;}
figure.foto-legenda p{text-align:center;}













@media (max-width:480px){





#footer{position: relative; top:0px; height:80px; background-color:#3cb371; color:#ffffff; line-height:80px;}
#produtos{width:100%;}
#produtos img{width:75%; opacity:0.7;}
#produtos img:hover{width:95%; opacity:1;}
iframe{width:95%;}
.somem{display:none;}

}



@media (min-width:481px){


#footer{position: relative; top:0px; height:80px; background-color:#3cb371; color:#ffffff; line-height:80px;}
#produtos{width:100%;}
#produtos img{width:75%; opacity:0.7;}
#produtos img:hover{width:95%; opacity:1;}
iframe{width:95%;}
}