html {
	scroll-behavior: smooth;
}
.fundo{ background-image: url(../imgs/fundo.png); min-height: 100vh; object-fit: contain; background-position: top center; background-repeat:  no-repeat;}

.container_conf{ max-width: 1776px; margin: 0 auto; padding-left: 106px ;    transition: all ease-in-out 0.25s ;}

.fundo_header{ background-color: #e7e2db; z-index: 99;}


.insta_link_desk img{ width: 35px;}
.insta_link    img { width: 30px ;}
.header { position:sticky; top: 0px ; z-index: 999;}
header{ padding-top: 70px ; display: flex; align-items: center; }

header .meio{ flex-grow: 1;}
header nav .menu{ display: flex; align-items: center; justify-content: center;}
header nav .menu li,
header nav .menu a{ font-size: 30px; color: #000000; padding: 5px ;}

.img_container_produto figure img{ max-width: 300px!important;}
header img{ display: block;}

.banner_home{ padding-top: 366px; padding-bottom: 392px;}

.quem_somos_home{padding-top: 107px; padding-bottom: 366px;}

h2,h1,h3, .title{ font-size: 30px; color:white; }
p{ font-size: 24px; color:white; }

.ornamento_1{ padding-top: 150px;}

.produtos_article{ padding-top: 440px; padding-bottom: 320px;}

/* #contato { padding-top: 100px;} */

.formulario select,
.formulario input,
.formulario .inp{ max-width: 530px; height: 60px; margin-bottom: 42px ;}

.formulario textarea.inp { height: auto;}
.txt_white , .txt_white * { color:white ; }

.formulario select { width: 100% ;}

.footer_conteudo p{ font-size: 24px;}

input,textarea,select{ font-size: 24px; padding-left: 20px;}

.contato{ padding-top: 100px; padding-bottom: 190px;}

.header{ background-color: #e7e2db;}

.fundo_header {
    transition: all ease-in-out 0.25s ;
}
.fundo_header .container_conf {padding-top: 10px; padding-bottom: 10px;
    background-color: #e7e2db ;
}

.img_logo  img{ height: 55px;}

.fundo_header .img_logo img{ height: 50px;}

.fundo_header .menu li,
.fundo_header .menu a{ font-size: 20px;}

.titulo_btn{ margin: auto ; border: 2px solid black; color: black; padding: 3px 15px ; border-radius: 20px; 
    margin: auto; display: block; width: fit-content; font-weight:bold; }
  

@media(min-width: 1440px) and (max-width: 1775px) 
{
    .container_conf{ max-width: 1480px; margin: 0 auto; padding-left: 75px }
    
     header nav .menu li, 
    header nav .menu a{ 
        font-size: 22px;
    }

    .banner_home{ padding-top: 266px; padding-bottom: 320px;}

    .banner_home img{ width: 510px;}

    p{ font-size: 20px; color:white; }

    .produtos_article{ padding-top: 275px; padding-bottom: 270px;}

    .contato{ padding-top: 105px; padding-bottom: 190px;}


    .titulo_produtos{ width:700px; margin:auto;}

    .fundo{ background-image: url(../imgs/fundo_1600.png); min-height: 100vh; object-fit: contain; background-position: top center; background-repeat:  no-repeat;}


    
    .formulario input,
    .formulario select,
    .formulario .inp{ width: 444px; height: 45px ; margin-bottom: 20px;}

    input, textarea, select {
        font-size: 20px;
        padding-left: 13px;
    }


    .footer_conteudo p{ font-size: 20px;}

 
}
@media(min-width: 1600px) and (max-width: 1775px) 
{
    .fundo{ background-size: cover;}
}
@media(min-width: 1100px) and (max-width: 1439px) 
{
    
    .container_conf{ max-width: 1480px; margin: 0 auto; padding-left: 88px ; padding-right: 20px;}
    
     header nav .menu li, 
    header nav .menu a{ 
        font-size: 25px;
    }

    .quem_somos_home{ padding-top: 0px;}

    .banner_home{ padding-top: 266px; padding-bottom: 320px;}

    .banner_home img{ width: 510px;}

    p{ font-size: 16px; color:white; }

    .produtos_article{ padding-top: 105px; padding-bottom: 180px;}

    .contato{ padding-top: 105px; padding-bottom: 190px;}


    .titulo_produtos{ width:700px; margin:auto;}

    .fundo{ background-image: url(../imgs/fundo_1300.png); min-height: 100vh; object-fit: contain; background-position: top center; background-repeat:  no-repeat;}


    .formulario input,
    .formulario select,
    .formulario .inp{ width: 520px; max-width: 100%; height: 50px ; margin-bottom: 20px ;}

    input, textarea, select {
        font-size: 16px;
        padding-left: 13px;
    }


    .footer_conteudo p{ font-size: 16px;}

 

}

@media(min-width: 600px) and (max-width: 1100px) 
{

    
    .container_conf{ max-width: 1480px; margin: 0 auto; padding-left: 45px ; padding-right: 20px;}
    
     header nav .menu li, 
    header nav .menu a{ 
        font-size: 20px;
    }

    .quem_somos_home{ padding-top: 220px;}

    .banner_home{ padding-top: 266px; padding-bottom: 120px;}

    .banner_home img{ width: 510px;}

    p{ font-size: 16px; color:white; }

    .produtos_article{ padding-top: 125px; padding-bottom: 180px;}

    .contato{ padding-top: 105px; padding-bottom: 320px;}


    .titulo_produtos{ width: 570px; margin:auto;}

    .fundo{ background-image: url(../imgs/fundo_1300.png); min-height: 100vh; object-fit: contain; background-position: top center; background-repeat:  no-repeat;}


    .formulario input,
    .formulario .inp{ width: 520px; max-width: 100%; height: 50px ; margin-bottom: 20px;}

    input, textarea, select {
        font-size: 16px;
        padding-left: 13px;
    }


    .footer_conteudo p{ font-size: 16px;}

 

 
}

@media(max-width: 600px){

    header .dir{ display: flex; align-items: center ; justify-content: space-between; width: 100%;}

    
    /* header { background-color: white;} */

    .hide_mob{ display: none;}

    header nav .menu{ flex-direction: column; padding-top: 80px; padding-bottom: 100px;}


    .formulario input,
    .formulario .inp{ width: 100%}

    header{ display: flex; flex-direction: column-reverse;}

    .container_conf{ padding: 10px}
    .header .img_logo img{ height: 50px;}
    .produtos_article{ padding-top: 100px; padding-bottom: 100px;}

    .quem_somos_home{ padding-bottom: 10px ;}
    .banner_home{ padding-top: 120px; padding-bottom: 20px;}

    header nav .menu:not(.is-active){display: none;}

    header nav .menu li, 
    header nav .menu a,
    p,
    .footer_conteudo p{ font-size: 16px }

    header nav .menu li, header nav .menu a {
        font-size: 20px;
    }
    .contato{ padding-top: 30px; padding-bottom: 100px;}

    
    .formulario select,
    .formulario input, .formulario .inp{ 
        box-shadow: none;
        border: 1px solid #ddd;
    }

    .formulario select,
    .formulario input,
    .formulario .inp{ height: 50px; margin-bottom: 20px;}

    .txt_white.footer_conteudo p,.txt_white.footer_conteudo a{ color: #333}

    input, textarea, select {
        font-size: 16px;
        padding-left: 13px;
    }


}


@media(min-width: 800px){
    .hide_desk{display: none;}
    .img_logo{ padding-right: 20px; display:block;}

}