*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'poppins','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-decoration:none;
  
}
.secaoBanner .logotipo{
   max-width: 250px;
   color: #3c184e;
   
}


.paragrafo1{
    font-size:35px;
    margin:0 0 5px 0;
     color: #3c184e;
}
.paragrafo1 img{
    width:30px;
    margin-right: 2px;
    
   
}
.paragrafo2{
font-size:14px;
text-align: center;
margin: 0;

}
.containnerLink{
    max-width: 1024px;
    border-radius: 10px;
    padding:40px;
    margin: 70px auto 0 auto;
    background-color: #ffffffc4;
    box-shadow:0 8px 32px #1f26875e;
    
}
 .containnerLink h1{
text-align: center;
font-size: 50px;
color: #3c184e;
font-weight: 800;
margin:0 0 40px 0;
justify-content: center;




 }
 .botaoZap{
    width:200px;
    border: solid  #3c184e; 
    border-radius: 10px;
    padding:5px 25px;
    margin:0 auto;
    font-size:20px;
    background-color: #3c184e;
 

   
 }
 .botaoZap a{
    color:white;
    
 }

 .botaoZap img{
 float: inline-end;
 margin-top:-2px;
}
 

.secaoBanner{
    background-image: url('./image/banner-topo.jpg');
    background-attachment: fixed;
    padding: 120px 80px;
    background-position: center;
    background-size: cover;
    color: #3c184e;
    box-shadow:#1f26875e;
}
.servicos{
    display: flex;
    width:100%;
    flex-wrap: wrap;
    justify-content: space-around;
    color: #3c184e;
    padding: 10px 20px;
 
   

}

.containerImagens img{
    width:300px;
    height:200px;
    cursor: progress;
      box-shadow:3px 2px 5px gray;
}

.redesSociais{
    background-color: #3c184e;
    color: white;
    text-align: center;
    padding: 10px;
      
} 

.botaoMidiaSociai,a,img{
    width:15px;
    height:22px;
    margin:5px 2px;
    
}
.containerMarcas{
    text-align: center;
    box-shadow:#0000005c;
    margin:7px 7px;
    padding: 20px;
}
.containerMarcas div img{
width:20vw;
height:20vh;
cursor: pointer;
}
.ondeEstamos {
    text-align:center;
    padding:20px;
    
}
.ondeEstamos iframe{
    border-radius: 5px;
    box-shadow:2px 2px 3px black ;
}

.containerList ul{
 line-height: 20px;
 margin:10px 20px;
}
.containerList span{
    font-style: italic;
    font-weight: 700;
}
.containerImagens{
    text-align: center;
    margin:20px 20px;
  }

footer p{
   
    text-align: center;
}
footer a{
    color: grey;
    cursor:pointer;
    font-size: small;
}
@media(max-width:490px){
    .containnerLink h1{
    font-size:40px;
}