body {

    margin: 0;
    padding: 0;
    box-sizing: border-box;
}




.coneteudo-geral {

    display: grid;
    height: auto;
    z-index: 3;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto auto   auto   auto   auto   auto   auto   auto;
    grid-template-areas:     
    
    "header"
    "banner-home"
    "grid-e-imagens"
   "historia"
    "a-dra-patricia"
    "servicos"
    "produtos"
    "blog"
    "fale-com-a-gente"
    "rodape"
}

.header {

    grid-area: header;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#000;

}

.botaoMenu {

    display: none;
    
}

.div-header-logo  a {

    display: none;
}


.conteudo-header {

    width: 80%;
    height: auto;
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 40% 60%;
    grid-template-areas: 
                     "div-header-logo div-header-menu";
}



.div-header-logo {

    grid-area: div-header-logo;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 30px;
}


.div-header-logo img {

    height: 80%;
    width: auto;
}


.div-header-menu {

    grid-area: div-header-menu;
    height: 100px;
    display: grid;
    grid-template-rows: 50% 50%;
    grid-template-columns: 100%;
    grid-template-areas: "div-header-menu-telefone-e-redes-sociais"
                        "div-header-menu-lista";
}

.header-menu-mobile {

    display: none;
}

.div-header-menu-telefone-e-redes-sociais {

    grid-area: div-header-menu-telefone-e-redes-sociais;

    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-family: 'Quicksand', sans-serif;
    color: white;
    font-size: 13px;

}

.div-header-menu-telefone-e-redes-sociais a {

    margin: 3px;
    font-size: 13px;
    color: white;

}


.div-header-menu-telefone-e-redes-sociais p {

    margin: 0px 7px;
}



.div-header-menu-telefone-e-redes-sociais i {

    font-size: 15px;
    color: white;
}




.div-header-menu-lista {

    grid-area: div-header-menu-lista;
    border-top: 2px solid white;
    font-family: 'Quicksand', sans-serif;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
  
}

.div-header-menu-lista li {

    font-size: 15px;
    text-decoration: none;
    color: white;
    margin: 0px;
}

.div-header-menu-lista a {

    text-decoration: none;
    margin: 0px;
    color: white;

}



.banner-home {

    grid-area: banner-home;
    display: flex;
    background-image:url(./assets/images/fundo-home.png);
    background-size: cover;
    height: 700px;
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: flex-end;
    background-position: center;

    

}

.conteudo-banner-home {

    margin-right: 135px;
    height: 80%;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    margin-top: -35px;

}

.conteudo-banner-home h1 {

    font-family: 'Righteous', cursive;
    color: #000;
    font-size: 60px;
    font-weight: lighter;

}



.conteudo-banner-home p   {

    font-family: 'Quicksand', sans-serif;
    color: #000;
    font-size: 26px;
    text-align: justify;
    text-align-last:right ;
  
}



.conteudo-banner-home a {

    color: #a4ee04;
    background: #000;
    height: 40px;
    font-family: 'Quicksand', sans-serif;
    width: 35%;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: none;
    margin-top: 20px;
    border-radius: 5px;
}





.grid-e-imagens {

    grid-area: grid-e-imagens;
    height: auto;
    display: flex;
    justify-content: center;
    /* background-image: url(./assets/images/fundo-grid.png); */
    background-color: #72e300;
    background-repeat: repeat;
    background-position: center;
}




.grid-para-imagens-e-texto {

    width: 80%;
    display: grid;
    height: auto;
    grid-template-rows: 350px 350px;
    grid-template-columns: 33.3% 33.3% 33.3%;
    grid-template-areas: "grid-um  grid-dois grid-tres"
                        "grid-quatro grid-cinco grid-seis";
}


.grid-para-imagens-e-texto img {

    height: 100%;
    width: auto;
}
.grid-um {

    grid-area: grid-um;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(./assets/images/fundo-blue-grid.png);
    background-size: cover;
    background-position: center;
} 


.grid-um p {

    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 30px;
    text-align: center;
    font-weight: lighter;
}
.grid-dois  { 

    grid-area: grid-dois;
    display: flex;
    align-items: center;
    justify-content: center;
  
}

.grid-dois img {

    mix-blend-mode: darken;
    filter: saturate(0);
}


.grid-tres {

    grid-area: grid-tres;
    justify-content: center;
    background-image: url(./assets/images/fundo-blue-grid.png);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
   

}

.grid-tres  p {

    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 30px;
    text-align: center;
    font-weight: lighter;
}

.grid-quatro {

    grid-area: grid-quatro ;
    display: flex;
    align-items: center;
    justify-content: center;

 

}


.grid-quatro img {

    mix-blend-mode: darken;
    filter: saturate(0);

}

.grid-cinco {
    grid-area: grid-cinco ;
    justify-content: center;
    background-image: url(./assets/images/fundo-blue-grid.png);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
   

}

.grid-cinco p {

    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 30px;
    text-align: center;
    font-weight: lighter;


}


.grid-seis {

    grid-area: grid-seis;
    display: flex;
    align-items: center;
    justify-content: center;
   
}

.grid-seis img {

    mix-blend-mode: darken;
    filter: saturate(0);

}


.historia {

    grid-area: historia;
   
    height: auto;
    display: flex;
    align-items: center;
    background-color: #000000;
    justify-content: center;
}

.grid-de-historia {

    width: 80%;
  
    height: auto;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 45% 55%;
    grid-template-areas: "grid-de-historia-foto grid-de-historia-conteudo";
}


.grid-de-historia-foto {

    grid-area: grid-de-historia-foto;
    display: flex;
    align-items: center;
    height: 400px;

}

.grid-de-historia-foto-img {

    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.grid-de-historia-foto-img img {

    height: 100%;
    width: 90%;
  
}


.grid-de-historia-conteudo {

    grid-area: grid-de-historia-conteudo;
   
    height: 300px;

   
}

.grid-de-historia-conteudo  p {

    font-family: 'Righteous', cursive;
    color: white;
    font-size: 30px;
    margin: 57px 0px 0px 0px;

}


.grid-de-historia-conteudo h6 {

    font-size: 21px;
    font-family: 'Quicksand', sans-serif;
    color: white;
    font-weight: lighter;
    word-spacing: 2px;
    text-align: justify; 
    text-align-last: left;
    margin: 27px 0px 0px 0px;
   

}







.a-dra-patricia {

    grid-area: a-dra-patricia;

    height: 300px;
   
    display: grid;
    grid-template-columns: 80% 20%;
    grid-template-rows: auto;
    grid-template-areas: 
            "a-dra-patricia-div-historia a-dra-patricia-div-foto";
}


.a-dra-patricia-div-historia {

    grid-area: a-dra-patricia-div-historia;
    height: 300px;
    /* background-color: royalblue; */
    transform: skewX(28deg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 4;
  
}


.a-dra-patricia-div-historia p {

    margin: 0px;

}

.history {

    height: 100px;
    width: 80%;
    text-decoration:none;
    display: block;
    transform: skewX(-28deg);
    /* background-color: tomato; */
}


.history p {

    color: #000;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    text-align: justify;

 }

 
.history h3 {

    color: #000;
    font-family: 'Quicksand', sans-serif;
    font-size: 30px;
    margin: 10px 0px;

}

.a-dra-patricia-div-foto {

    grid-area: a-dra-patricia-div-foto;
    background-color: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.a-dra-patricia-div-foto img {

    height: 200%;
    width: 120%;
    margin-left: -80px;
    margin-top: -150px;
   
   
}


.servicos {

    grid-area: servicos;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
   
}

.grid-servicos {

    display: grid;
    height: auto;
    width: 100%;
    grid-template-rows: auto auto;
    grid-template-columns: 18% 82%;
    grid-template-areas: "grid-servicos-foto grid-servicos-titulo-e-conteudo"
                        "grid-servicos-foto grid-servicos-titulo-e-conteudo";

}

.grid-servicos-foto {

    grid-area: grid-servicos-foto;
  
    display: flex;
    align-items: center;
    justify-content: center;
}

.grid-servicos-foto img {

    height: 395px;
    width: 100%;

}



.grid-servicos-titulo-e-conteudo {

    grid-area: grid-servicos-titulo-e-conteudo;
    background-image: url(./assets/images/novo-fundo-servicos.png);
    background-size: cover;

    display: grid;
    height: auto;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    grid-template-areas: "grid-servicos-titulo-e-conteudo-titulo"
                        "grid-servicos-titulo-e-conteudo-cards";
}


.grid-servicos-titulo-e-conteudo-titulo {

    grid-area: grid-servicos-titulo-e-conteudo-titulo;

    height: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
 
}


.grid-servicos-titulo-e-conteudo-titulo p {

    font-family: 'Righteous', cursive;
    margin: 33px 0px 0px 10px;
    color: #000;
    font-size: 35px;
    
}



.grid-servicos-titulo-e-conteudo-cards {

    grid-area: grid-servicos-titulo-e-conteudo-cards;
 
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: auto;
}

.servico-card {

    display: grid;
    margin: 0px;
    width: 25%;
    height: auto;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    grid-template-areas:"servico-card-titulo"
                     "servico-card-conteudo";
}

.servico-card-titulo {
    grid-area: servico-card-titulo;
    display: flex;
    align-items: center;
    height: 85px;
}

.servico-card-titulo h1 {

    font-family: 'Quicksand', sans-serif;
    margin: 10px 0px;
    color: #ffffff;
    font-size: 25px;
    margin-left: 10px;


}

.servico-card-conteudo p {

    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    margin-left: 10px;
    color: #ffffff;
    text-align: justify;
    padding-right: 25px;
    margin-bottom: 10px;

}


.servico-card-conteudo {

    grid-area: servico-card-conteudo;
    height: 210px;
}





.grid-servicos-conteudo-card-de-servico {
    
    display: grid;
    width: 25%;
    grid-template-rows: 100px;
    grid-template-columns: 100%;
    grid-template-areas:     
            "grid-servicos-conteudo-card-de-servico-titulo"
            "grid-servicos-conteudo-card-de-servico-conteudo";
}


.produtos {

    grid-area: produtos;
    height: auto;
    background-image: url(./assets/images/nobo-fundo-produtos-editado.png);
    background-size: cover;
    display: grid;
    width: 100%;
    grid-template-rows: auto auto auto;
    grid-template-columns: 100%;
    grid-template-areas:  "produtos-titulo"
                        "produtos-cards"
                        "produtos-parceria";

}

.produtos-parceria {

    grid-area: produtos-parceria;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.produtos-parceria p {

    font-family: 'Righteous', cursive;
    margin: 10px;
    font-size: 18px;
    color: #a1e904;

}


.produtos-titulo {

    grid-area: produtos-titulo;
    height: 100px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.produtos-titulo h1 {

    color: #000;
    font-family: 'Righteous', cursive;
    font-size: 35px;
    font-weight: lighter;

}




.produtos-cards {

    grid-area: produtos-cards;
    height: auto;

    display: flex;
    align-items: center;
    justify-content: center;

}



.produtos-cards-div {

    height: auto;
    width: 85%;
 
    display: flex;


}


.produto-card {

    display: grid;
    height: auto;
    width: 25%;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    grid-template-areas:    
    "produto-card-imagem-do-produto"
    "produto-card-titulo-do-produto"
}

.produto-card a{
    display: block;
    width: 100%;
    text-align: center;
}

.produto-card-imagem-do-produto {

    grid-area: produto-card-imagem-do-produto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0px;
}


.produto-card-imagem-do-produto {

    height: 200px;
    width: 100%;
}

.img-produtos-aparelhos-aparelhos-auditivos {

    height: 230px;
    width: 85%;
}

.img-produtos-aparelhos-baterias {

    height: 230px;
    width: 50%;

}

.img-produtos-aparelhos-pecas-de-reposicao {

    height: 180px;
    width: 80%;
   
}

.img-produtos-aparelhos-acessorios{

    height: 180px;
    width: 75%;

}


.produto-card-titulo-do-produto {

    grid-area: produto-card-titulo-do-produto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
 
}

.produto-card-titulo-do-produto p {

    color:#434343;
    font-family: 'Righteous', cursive;
    margin: 10px;
    font-size: 20px;
}


.blog {

    grid-area: blog;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;


}


.div-blog-imagem-de-fundo {

    height: 270px;
    width: 100%;
    background-image: url(./assets/images/fundo-blog-um.png);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    
}

.div-blog-imagem-de-fundo h1 {

    margin: 0;
    font-family:'Righteous', cursive;
    margin-left: 10%;
    font-size: 100px;
    color: white;
}



.div-blog-background-cinza {

    height: auto;
    background-color: #d3d3d3;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 30px;

}

.grid-de-blog {

    height: auto;
    margin-top: 10px;
    display: grid;
    width: 80%;
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
    grid-template-areas:
                        "grid-de-blog-cards"
                        "grid-de-blog-botao-ler-todas";
}








.grid-de-blog-cards {


    grid-area: grid-de-blog-cards;
    height: auto;
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;

}


.grid-de-blog-card-grid {


    display: grid;
    width: 47%;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 100%;
    height: auto;
    grid-template-areas: 
    
        "grid-de-blog-card-grid-imagem"
        "grid-de-blog-card-grid-titulo"
        "grid-de-blog-card-grid-previa"
        "grid-de-blog-card-grid-link-materia-completa";

}



.grid-de-blog-card-grid-imagem {

    grid-area: grid-de-blog-card-grid-imagem;
 
    height: 250px;
    background-color: black;
}


.grid-de-blog-card-grid-titulo {

  
    height: auto;
    margin: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;

}

.grid-de-blog-card-grid-titulo h3 {

    margin: 0px 0px 0px 5px;
    font-family: 'Quicksand', sans-serif;
    font-size: 34px;
}





.grid-de-blog-card-grid-previa {

    grid-area: grid-de-blog-card-grid-previa;

    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;

}

.grid-de-blog-card-grid-previa p {

    font-weight: lighter;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    text-align: justify;



}


.grid-de-blog-card-grid-link-materia-completa {

    grid-area: grid-de-blog-card-grid-link-materia-completa;

    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.grid-de-blog-card-grid-link-materia-completa a {

    margin: 20px 10px;
    font-family: 'Quicksand', sans-serif;
    text-decoration: none;
    color: #000;
    font-weight: bolder;
    font-size: 18px;
}



.grid-de-blog-botao-ler-todas {

    grid-area: grid-de-blog-botao-ler-todas;

    display: flex;
    justify-content: center;
   
    align-items: center;

}

.grid-de-blog-botao-ler-todas a {

    width: 90%;
}

.grid-de-blog-botao-ler-todas button {

    height: 45px;
    width: 85%;
    border-style: none;
    border-radius: 25px;
    margin: 22px;
    background-color: #000;
    font-family: 'Quicksand', sans-serif;
    color: white;
    font-weight: bolder;
    font-size: 17px;
}




.fale-com-a-gente {

    grid-area: fale-com-a-gente;
    border: 1px solid black;
    background-image: url(./assets/images/fundo-fale-com-a-gente.png) ;
    background-size: contain;
    height: 600px;
  
}


.fale-com-a-gente-div {

    height: auto;
    width: 40%;
    margin: 7% 0px 0px 10%;
    background: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

}

.fale-com-a-gente-div h3 {

    font-size: 40px;
    font-family:'Righteous', cursive;
    color: white;
}

.fale-com-a-gente-div input {

    height: auto;
    border-style: none;
    background: none;
    margin: 20px;
    width: 95%;
    border-bottom: 2px solid wheat;
    font-family: 'Quicksand', sans-serif;
    color: #ffffff;
    font-size: 18px;

}




.fale-com-a-gente-div input::placeholder{

    color: #ffffff;
    font-family: 'Quicksand', sans-serif;
    font-size: 25px;
}


.fale-com-a-gente-div textarea{

    height: 150px;
    border-style: none;
    background: white;
    margin: 20px;
    width: 93%;
    resize: none;
    border-radius: 15px;
    padding: 15px;
    font-size: 25px;

}

.fale-com-a-gente-div textarea::placeholder {


    color:#000;
    font-size: 28px;
}

.fale-com-a-gente-div  button {

    width: 93%;
    height: 30px;
    border-radius: 10px;
    border-style: none;
    background-image: linear-gradient(to top, #87c304, #a5f004);
    font-family: 'Quicksand', sans-serif;
    color:#000;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bolder;
}

.fale-com-a-gente-redes-sociais {
    
    height: auto;
    width: 100%;
    
    display: flex;
    align-items: center;
    justify-content:center;

}

.fale-com-a-gente-redes-sociais a {

    height: 50px;
    margin: 15px 15px 5px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
 
}

.fale-com-a-gente-redes-sociais i {

    font-size: 50px;
    border-radius: 100%;
    text-decoration: none;
}



.rodape {

    grid-area: rodape;
   background-color: #000000;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  
}

.div-rodape-logo {

    height: 180px;
    margin: 20px 0px;
    border: 1px solid black;
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.div-rodape-logo img {

        height: 50%;
        width: auto;
}



.div-rodape-informacoes {

    height: 180px;
    margin: 20px 0px;
    border: 1px solid black;
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}


.div-rodape-informacoes p {

    margin: 0;
    
    padding: 0;
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 20px;
}


/* Blog Inicio */

.conteudo-do-blog {

    height: auto;
 
    display: flex;
    align-items: flex-start;
    justify-content: center;
}


.conteudo-geral-blog-div {

    width: 80%;
    height: auto;
   
    display: grid;
    grid-template-columns: 10% 90%;
    grid-template-rows: auto auto;
    grid-template-areas: 
                        "conteudo-geral-blog-div-social conteudo-geral-blog-div-cards-lista";

}

.conteudo-geral-blog-div-social {


    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    padding-top: 15px;
}


.conteudo-geral-blog-div-social a{

    font-size: 50px;
  
}

.conteudo-geral-blog-div-social i {

    color: #000;
    font-size: 50px;
    border-radius: 100%;
}


.conteudo-geral-blog-div-cards-lista {

    grid-area: conteudo-geral-blog-div-cards-lista;

    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}


.conteudo-geral-de-blog-card {

    display: grid;
    width: 100%;
    height: auto;
    margin: 15px 0px 60px 0px;
    grid-template-columns: 35% 65%;
    grid-template-rows: auto;
    grid-template-areas:"conteudo-geral-de-blog-card-imagem  conteudo-geral-de-blog-card-conteudo";
                            
}

.conteudo-geral-de-blog-card-imagem  {

    grid-area: conteudo-geral-de-blog-card-imagem;
    height: 150px;
   
  
    display: flex;
    align-items: center;
    justify-content: center;
}

.conteudo-geral-de-blog-card-imagem-img {

    width: 96%;
    height: 96%;
    background: #a1e904;
    
    border-radius: 10px;


}

.conteudo-geral-de-blog-card-conteudo {

    grid-area: conteudo-geral-de-blog-card-conteudo;
    height: auto;
  
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 10px;
}


.conteudo-geral-de-blog-card-conteudo h1 {

    margin: 10px 0px;
    font-family: 'Quicksand', sans-serif;
    font-size: 30px;
    color: #1a3d6f;

}

.conteudo-geral-de-blog-card-conteudo p{

    margin: 10px 0px;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
}


.conteudo-geral-de-blog-card-conteudo a {

    margin: 10px 0px;

    font-family: 'Quicksand', sans-serif;
    text-decoration: none;
    color: #000;
    font-weight: bolder;
    font-size: 18px;

}

/* Blog Fim */

/* Single Blog - inicio */



.sigle-blog {

    display: flex;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
   
}

.single-blog-div {

    width: 85%;
  
    height: auto;
   
    display: grid;
    grid-template-rows: auto auto auto;
    grid-template-columns: 10% 65% 25%;
    grid-template-areas:   
                    "single-blog-div-redes-sociais single-blog-div-redes-cards single-blog-div-outros-textos";

}


.single-blog-div-redes-sociais {

    grid-area: single-blog-div-redes-sociais;

    height: auto;
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}


.single-blog-div-redes-sociais a {

    font-size: 50px;
}

.single-blog-div-redes-sociais  i {

    color: #000;
    font-size: 50px;

}

.fab  {

    color: white;
    font-size: 35px;
}




.single-blog-div-redes-cards {
    grid-area: single-blog-div-redes-cards;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 15px;
    padding-top: 30px;
    justify-content: flex-start;
    padding-bottom: 100px;
}


.single-blog-div-redes-cards h1 ,h2, h3 {
    text-align: justify;
    font-family: 'Quicksand', sans-serif;
    color: #000;
    margin-bottom: 20px;
}


.single-blog-div-outros-textos {

    grid-area: single-blog-div-outros-textos;

    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    
}


.single-blog-div-outros-textos-card {

    width: 90%;
    margin-top: 30px;
    height: auto;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    grid-template-areas:   
        "single-blog-div-outros-textos-card-imagem"
        "single-blog-div-outros-textos-texto";
    

}

.single-blog-div-outros-textos-card-imagem {

    grid-area: single-blog-div-outros-textos-card-imagem;
    height: 150px;
    background: #a1e904;
    border-radius: 10px;
 
}


.single-blog-div-outros-textos-texto {
    grid-area: single-blog-div-outros-textos-texto;
    height: auto;
    display: block;
    align-items: flex-start;
    justify-content: center;
    padding: 5px;
}

.single-blog-div-outros-textos-texto p {
    margin: 0;
    font-size: 19px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    color: #000; 
}



/* Single Blog - fim */


/* Geral redes sociais - inicio */

.conteudo-produto-geral {

    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.conteudo-produto-geral-div {

    width: 80%;
    height: auto;
    display: grid;
    grid-template-columns: 10% 90%;
    grid-template-rows: auto;
    grid-template-areas: "conteudo-produto-geral-redes-sociais conteudo-produto-geral-div-pra-produtos";

}

.conteudo-produto-geral-redes-sociais {

    grid-area: conteudo-produto-geral-redes-sociais;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    padding-top: 15px;
   
}

.conteudo-produto-geral-redes-sociais  a {

   
    margin: 3px 60px;
  
}

.conteudo-produto-geral-redes-sociais i {

    color: #000;
    font-size: 50px;


}


.conteudo-produto-geral-div-pra-produtos {

    grid-area: conteudo-produto-geral-div-pra-produtos;
    height: auto;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    grid-template-areas: "conteudo-produto-geral-div-pra-produtos-card-titulo-categoria"
    "conteudo-da-pagina-geral-de-produtos";
    
}


.conteudo-produto-geral-div-pra-produtos-card-titulo-categoria {

    grid-area: conteudo-produto-geral-div-pra-produtos-card-titulo-categoria;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.conteudo-produto-geral-div-pra-produtos-card-titulo-categoria h1 {

    margin: 0px;
    color: #000;
    padding: 0px;
    font-weight: lighter;
    font-size: 35px;
    font-family:'Righteous', cursive;
}

.conteudo-da-pagina-geral-de-produtos {

    grid-area: conteudo-da-pagina-geral-de-produtos;
    height: auto;
    display: flex;
}



.conteudo-da-pagina-geral-de-produtos {

    display: flex;
    height: auto;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    
}



.conteudo-produto-geral-div-pra-produtos-card {

    display: grid;
    margin: 20px 0px 50px 0px;
    border-radius: 5px;
    grid-template-columns: 40% 60%;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: 
    "conteudo-produto-geral-div-pra-produtos-card-imagem conteudo-produto-geral-div-pra-produtos-card-titulo"
    "conteudo-produto-geral-div-pra-produtos-card-imagem conteudo-produto-geral-div-pra-produtos-card-descrição"
    "conteudo-produto-geral-div-pra-produtos-card-imagem conteudo-produto-geral-div-pra-produtos-card-saber-mais-btn";

}

.conteudo-produto-geral-div-pra-produtos-card-imagem {

    grid-area: conteudo-produto-geral-div-pra-produtos-card-imagem;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  
}



.conteudo-produto-geral-div-pra-produtos-card-imagem-img {

        height: 90%;
        width: 95%;
        border-radius: 8px;
        background-image: linear-gradient(to top, #87c304, #a5f004);
}


.conteudo-produto-geral-div-pra-produtos-card-imagem-img img {
    
    height: 100%;
    width: 100%;
}


.conteudo-produto-geral-div-pra-produtos-card-titulo {
    grid-area: conteudo-produto-geral-div-pra-produtos-card-titulo;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0px;
    margin-bottom: 5px;
}

.conteudo-produto-geral-div-pra-produtos-card-titulo h3 {

    margin: 0px;
    font-size: 28px;
    color: #000;
}


.conteudo-produto-geral-div-pra-produtos-card-descrição {

    grid-area: conteudo-produto-geral-div-pra-produtos-card-descrição;
    height: auto;
    flex-wrap: wrap;
    display: flex;
    color: #000;
    padding: 5px 10px;
    
}

.conteudo-produto-geral-div-pra-produtos-card-descrição p {

    font-size: 18px;
    font-family: 'Quicksand', sans-serif;

}



.conteudo-produto-geral-div-pra-produtos-card-saber-mais-btn {

    grid-area: conteudo-produto-geral-div-pra-produtos-card-saber-mais-btn;
    height: 100px;
 
    display: flex;
    align-items: center;
    justify-content: center;
}

.conteudo-produto-geral-div-pra-produtos-card-saber-mais-btn a {

    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    height: 40px;
    border-radius: 15px;
    font-family: 'Quicksand', sans-serif;
    width: 50%;
    border-style: none;
    background: #000;
    color: white;
    font-weight: bolder;
    font-size: 17px;

}


.single-produto-conteudo-geral {

    height: auto;
  
    display: grid;
}


/* Geral redes sociais -fim */


/* Single Produto - inicio */


.single-produto-conteudo-geral {

    height: auto;
    display: grid;
    width: 100%;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 50% 50%;
    grid-template-areas: 
    
            "single-produto-conteudo-geral-titulo single-produto-conteudo-geral-titulo" 

            "single-conteudo-geral-imagem single-conteudo-geral-grid-de-imagens"

            "single-conteudo-geral-descricao single-conteudo-geral-descricao"

            "single-conteudo-geral-entrar-em-contato single-conteudo-geral-entrar-em-contato";
}




.single-produto-conteudo-geral-titulo{

    grid-area: single-produto-conteudo-geral-titulo;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-produto-conteudo-geral-titulo p {

    margin: 0;
    font-size: 35px;
    font-family: 'Quicksand', sans-serif;
    color: #000;
}

.single-conteudo-geral-imagem {

    grid-area: single-conteudo-geral-imagem;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-conteudo-geral-imagem-img {
    height: 500px;
    width: 90%;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #35353530;
    box-shadow: 4px 4px 5px 4px #00000026;
}

.single-conteudo-geral-imagem-img img{

    margin: 0;
    height: 480px;
    width: auto;

}

.single-conteudo-geral-grid-de-imagens {

    grid-area: single-conteudo-geral-grid-de-imagens;
    height: auto;
    display: grid;
    grid-template-rows: 50% 50%;
    grid-template-columns: 50% 50%;
    grid-template-areas: 
    
            "single-conteudo-geral-grid-de-imagens-grid-um single-conteudo-geral-grid-de-imagens-grid-dois"
            "single-conteudo-geral-grid-de-imagens-grid-tres single-conteudo-geral-grid-de-imagens-grid-quantro"
                        
}

.single-conteudo-geral-grid-de-imagens-grid-um {

    grid-area: single-conteudo-geral-grid-de-imagens-grid-um;
    display: flex;
    align-items: center;
    justify-content: center;

}

.single-conteudo-geral-grid-de-imagens img {

    height: 190px;
    width: auto;
    margin: 0;
}

.single-conteudo-geral-grid-de-imagens-grid-um-img {
    height: 95%;
    width: 90%;
    border-radius: 12px;
    border: 1px solid #35353530;
    box-shadow: 4px 4px 5px 4px #00000026;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-conteudo-geral-grid-de-imagens-grid-dois {

    grid-area: single-conteudo-geral-grid-de-imagens-grid-dois;
    display: flex;
    align-items: center;
    justify-content: center;

 
}

.single-conteudo-geral-grid-de-imagens-grid-dois-img {

    height: 95%;
    width: 90%;
    border-radius: 12px;
    background-image: linear-gradient(to top, #87c304, #a5f004);
    display: flex;
    align-items: center;
    justify-content: center;

}

.single-conteudo-geral-grid-de-imagens-grid-tres {

    grid-area: single-conteudo-geral-grid-de-imagens-grid-tres;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-conteudo-geral-grid-de-imagens-grid-tres-img {

    height: 95%;
    width: 90%;
    border-radius: 12px;
    background-image: linear-gradient(to top, #87c304, #a5f004);
    display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
   

}

.single-conteudo-geral-grid-de-imagens-grid-quantro {

    grid-area: single-conteudo-geral-grid-de-imagens-grid-quantro;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-conteudo-geral-grid-de-imagens-grid-quantro-img {

    height: 95%;
    width: 90%;
    border-radius: 12px;
    background-image: linear-gradient(to top, #87c304, #a5f004);
    display: flex;
    align-items: center;
    justify-content: center;

}


.single-conteudo-geral-descricao {

    grid-area: single-conteudo-geral-descricao;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-conteudo-geral-descricao-div {
    height: auto;
    padding: 40px 0px;
    width: 80%;
    display: block;
    align-items: center;
    justify-content: center;

}

.single-conteudo-geral-descricao-div p {
    margin: 10px 0px;
    font-size: 22px;
    font-family: 'Quicksand', sans-serif;
    text-align: center;
    color: #000;
}



.single-conteudo-geral-entrar-em-contato {

    grid-area: single-conteudo-geral-entrar-em-contato;
    border: 1px solid black;
    height: auto;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    display: flex;
    height: 500px;
    align-items: center;
    justify-content: center;
    background-image: url('./assets/images/fundo-fale-com-a-gente.png');
    background-size: cover;

}


.single-conteudo-geral-entrar-em-contato-formulario {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 40%;
    

}

.formulario-de-produto h3 {

    color: white;
    margin: 0;
    font-size: 30px;
    font-family: 'Righteous', cursive;
}

.formulario-de-produto {

    display: flex;
    width: 100%;
   
    height: 480px;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.formulario-de-produto textarea {

    border-radius: 15px;
    width: 90%;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    color: #000;

}

.formulario-de-produto textarea::placeholder {

    color: #000;
    font-family: 'Quicksand', sans-serif;
    font-size: 25px;
    
}

.formulario-de-produto  input {

    height: 40px;
    width: 90%;
    border-radius: 10px;
    border-style: none;
    background: none;
    border-bottom: 2px solid white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    color: #ffffff;
    
    
}

.formulario-de-produto button {

    height: 30px;
    width: 50%;
    color: #a4ee04;
    background: linear-gradient(to top, #000, #033a89);
    font-family: 'Quicksand', sans-serif;
    font-size: 20px;
    font-weight: bold;
    border-style: none;
    border-radius: 5px;
 
    
}

.formulario-de-produto input::placeholder {

    color: #ffffff;
    font-family: 'Quicksand', sans-serif;
    font-size: 25px;

}
/* Single Produto - fim */


/* Página de obrigado - inicio */


.pagina-de-obrigado-adiosul {

    height: 100vh;
    width: 100vw;
    background-image: url(./assets/images/fundo-home.png);
    background-size: cover;
    display: flex;
    justify-content: flex-end;
   
    align-items: center;
    
}

.conteudo-de-obrigado {

    width: 43%;
    height: 65%;
    margin-right: 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.conteudo-de-obrigado h1 {

    color: #1a3d6f;
    font-family:'Righteous', cursive;
    font-size: 45px;
    font-weight: lighter;
}

.conteudo-de-obrigado p {

    font-family: 'Quicksand', sans-serif;
    font-size: 30px;
    color: #1a3d6f;
    text-align: center;
}

.conteudo-de-obrigado button {

   
    height: 50px;
    color: #a4ee04;
    background: linear-gradient(to top, #000, #033a89);
    height: 40px;
    font-family: 'Quicksand', sans-serif;
    width: 35%;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: none;
    margin-top: 20px;
    border-radius: 5px;
}



.pagina-de-obrigado-adiosul {

    height: 100vh;
    width: 100vw;
    background-image: url(./assets/images/fundo-home.png);
    background-size: cover;
    display: flex;
    justify-content: flex-end;
   
    align-items: center;
    
}



/* Página de obrigado - fim*/





.div-para-whatsapp {

    height: auto;
    width: auto;
}

.logo-do-whatsapp {

    position: fixed;
    right: 40px;
    bottom: 40px;
    color: #fff;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 100%;
    font-size: 45px;
    z-index: 999;
    box-shadow: -2.2px 15.8px 24px 0 rgba(0, 0, 0, 0.18);
    background-image: linear-gradient(to top, #179f3d, #1dd667);
    display: flex;
    align-items: center;
    justify-content: center;

}