#conteudo{
    width: 100%;
    min-width: 40%; /* Para definir até quando pode redimensionar*/
    height: 3600px;
}

#logo{
    background-color: rgba(2, 1, 26, 0.6);
    width: 100%;
    height: 70px;
    margin-top: 0;
    border-radius: 7px;    
}



#menu{
    background-color: #ECECEC;  
    background-image: url('../images/back04.png');
    background-repeat:no-repeat;
    background-position: right;
    width: 100%;
    height: 295px;
    border-radius: 8px;    
    margin-bottom: 5px;
}

#menu info1{
    height: 100px;
    padding-top: 15px;
}

#info1 img{
    width:15%;
    float: left;
    padding-right: 20px;
    padding-left: 10px;
    padding-top: 5px; 
} 

#titulo{
    width: 60%;
    text-align: center;
    padding: 0 auto;
    margin: 0 auto;
}

#apresentacao{
width: 65%;
text-align: center;
padding: 0 auto;
margin: 0 auto;
}

#topo{
    width: 100%;
}

#topo img{
    text-align: right;
    height:30%;
}

#bts{
height: 40px;
background-color: #321c97;
padding-top: 8px;
margin-left: 0 auto;
padding: 0 auto;
text-align: center;
}

#bts a{
text-align: center;
display:inline-block;
zoom: 2;
display: inline; 
vertical-align: baseline;
text-decoration: none;
font: 10px Arial;
padding: .10em 1em .75em;
color:#ECECEC;
scrollbar-shadow-color: dimgrey;
text-shadow: rgb(119, 114, 114) 0.1em 0.1em 0.2em;
}

#bts a:hover{
    text-decoration: none;
    color:rgb(233, 231, 145);
}

#principal{
    background-color: #fcfafa;
    width: 100%;
    height: 5000px;
    padding-top: 30px;
}

#servicos{
    height:1400px;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    padding-bottom: 50px;;
}

#imagem{
    width: 100%;
    padding-bottom: 100px;
    justify-content: center; 
    margin: 0 auto;
    padding: 0 auto;
}

#texto{
    height:440px;
    width: 80%;
    margin: 0 auto;
    padding: 0 auto;
    text-align: center; 
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: large;
    background-color: #e8eaee;  
    border-radius: 18px;    
} 

#texto p{
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    color:#2a1199;
    font-size: 22px;
    text-align: left;
}

.formata_1{
    padding-top: 25px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 48px;
    /* color:#2003a1; */
    color:#2a1199;
    text-align: left;
    margin-left: 233px;
}

.formata{
    padding-top: 25px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 48px;
    /* color:#2003a1; */
    color:#2a1199;
    text-align: center;
}

.formata1{
    padding-top: 25px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 38px;
    color:#2a1199;
    text-align: center;
    margin-bottom: 10px;
}

.formata2{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 22px;
    /* color:#1d0685; */
    color:#2a1199;
    text-align: center;
    margin-left: 20px;
    margin-right: 40px;
    margin-bottom: 10px;
}

.formata3{
    font-family: Verdana, Geneva, Tahoma, sans-serif bold;
    font-size: 20px;
    /* color:#1d0685; */
    color:#2a1199;
    text-align: justify;
    margin-left: 20px;
    margin-right: 40px;
}


.formata_comment{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 23px;
    /* color:#1d0685; */
    color:#2a1199;
    text-align: center;
    margin-left: 24px;
    margin-right: 18px;
    margin-bottom: 10px;
}


.titulo{
    width: 100%;
    height:60px;
    margin-top: 150px;
    margin-bottom: 20px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 40px;
    /* color: rgb(48, 14, 168); */
    color:#2a1199;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(252,250,250,1) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%);
    text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
}

.titulo_coment{
    width: 100%;
    height:60px;
    margin-top: 150px;
    margin-bottom: 20px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 40px;
    /* color: rgb(48, 14, 168); */
    color:#2a1199;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(252,250,250,1) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%);
    text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
}

.titulo_q{
    width: 750px;
    height:60px;
    margin-top: 350px;
    margin-bottom: 20px;
    margin: 0 auto;
    padding: 0 auto;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 40px;
    color:#2a1199;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(252,250,250,1) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%);
    text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    text-align: center;
}

.formata_q{
    width:90%;
    height: 60px;
    float:right;
    padding-top: 20px;
    padding-right: 35px;
    margin: 0 auto;
    padding: 0 auto;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 30px;
    color:#2a1199;
    text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    text-align: center;
    border-radius: 8px;
}

.formata_q2{
    width:87%;
    float:center;
    padding-right: 35px;
    padding-bottom: 13px;
    padding-left: 18px;
    margin: 0 auto;
    padding: 0 auto;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 22px;
    /*color: rgb(48, 14, 168);*/
    /*color:#1d0685;*/
    color:#2a1199;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(252,250,250,1) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%);
    /* text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em; */
    text-align:justify;
}

.contatos{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 20px;
    /* color:#3b335f; */
    /* color:#1d0685; */
    color:#2a1199;
}

#quem_somos{
    width: 75%;
    height:425px;
    background-image: url('../images/quem_somos2.png'); 
    margin: 0 auto;
    padding: 0 auto;
    margin-top: 20px;
    background-repeat: repeat-x;
    border-radius: 8px;
    background-color: rgb(177, 189, 180);
    border-radius: 5px;
}
    
#text_q{
    width:62%;
    height: 260px;
    margin: 0 auto;
    padding: 0 auto;
    padding-top: 90px;
    margin-top: 50px;
    border-radius: 8px;
    opacity: 80%;
}

#orcamento{
    width: 500px;
    height: 80px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 20px;
    margin: 0 auto;
    margin-top: 90px;
    padding:0 auto;
    background: linear-gradient(90deg, rgb(224, 230, 238) 0%, rgb(224, 230, 238) 50%, rgb(224, 230, 238) 100%);
    border-radius: 7px;
}

#orcamento img{

    width: 80px;
    text-align: left;
    float: left;
    text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
}

#orcamento p{

    padding-top: 22px;
}

#contatos{
    display:inline-flex;
    width: 100%;
    height: 170px;
    padding-top: 50px;
    background-color: #faf8f8;  
    padding: 0 auto;
    margin: 0 auto;
}

#contato{
    width: 35%;
    text-align: center;
    /* background: #e7eaf3;   */
    background-color: #e8eaee;  
    color:#2a1199;
    font-size: 18px;
}

#contato a{
    color:#2a1199;
}

#atendimento{
    width: 35%;
    text-align: center;
    background-color: #e8eaee;  
    color:#2a1199;
    font-size: 18px;
}

#redes{
    width: 30%;
    text-align: center;
    background-color: #e8eaee;  
}

#redes img{
    display: inline;
    padding: 7px;
    width: 40px;
    text-align: center;
} 

#rodape{
    background-color:  rgba(30,42,128,1) ;
    width: 100%;
    height: 70px;
    flex-direction: row;
    border-radius: 2px;
}

#rodape p{
    color: #CCC;
    font-size: 16px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: left;
    margin-left: 20px;
    padding-top: 19px;;
}

#info h5{
float: left;
padding-left: 10px;
color: #ccc;
}

#rodape img{
    float: right;
    width: 30px;
    margin-top: 20px;
    margin-right: 300px;
    padding-bottom: 10px;
} 

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

    #menu{
        background-color: #ECECEC;  
        background-image: url('../images/back04.png');
        background-repeat:no-repeat;
        background-position: right;
        width: 100%;
        height: 300px;
        border-radius: 8px;    
        margin-bottom: 5px;
    }
       
    #menu info1{
        height: 100px;
        padding-top: 15px;
    }
    
    #info1 img{
        width:25%;
        float: left;
        padding-right: 20px;
        padding-left: 10px;
        padding-top: 10px; 
    } 
    
    #titulo{
        width: 60%;
        text-align: center;
        padding: 0 auto;
        margin: 0 auto;
    }

    .titulo{
        width: 100%;
        height:60px;
        margin-top: 100px;
        margin-bottom: 20px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 36px;
        /*color: rgb(48, 14, 168);*/
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 50%, rgba(255,255,255,1) 100%);
        /* background: linear-gradient(90deg, rgb(121, 90, 90) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%); */
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    }

    .titulo_coment{
        width: 100%;
        height:60px;
        margin-top: 100px;
        margin-bottom: 20px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 36px;
        /*color: rgb(48, 14, 168);*/
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 50%, rgba(255,255,255,1) 100%);
        /* background: linear-gradient(90deg, rgb(121, 90, 90) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%); */
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    }

    .formata_comment{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 23px;
        /* color:#1d0685; */
        color:#2a1199;
        text-align: center;
        margin-left: 24px;
        margin-right: 18px;
        margin-bottom: 10px;
    }
    
    #apresentacao{
    width: 95%;
    text-align: left;
    padding: 0 auto;
    margin: 0 auto;
    }

    #servicos{
        height:1300px;
        width: 100%;
        text-align: center;
        margin-top: 50px;
        padding-bottom: 50px;;
    }
    
    #imagem{
        width: 100%;
        padding-bottom: 100px;
        justify-content: center; 
        margin: 0 auto;
        padding: 0 auto;
    }
    
    #texto{
        height:500px;
        width: 80%;
        margin: 0 auto;
        padding: 0 auto;
        text-align: center; 
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: large;
        background-color: #e8eaee;  
        border-radius: 18px;    
    } 
    

}



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

    #menu{
        background-color: #ECECEC;  
        background-image: url('../images/fundo_cel2.png');
        background-repeat:no-repeat;
        background-position: right;
        width: 100%;
        height: 350px;
        border-radius: 8px;    
        margin-bottom: 5px;
    }
       
    #menu info1{
        height: 100px;
        padding-top: 15px;
    }
    
    #info1 img{
        width:25%;
        float: left;
        padding-right: 20px;
        padding-left: 10px;
        padding-top: 10px; 
    } 
    
    #titulo{
        width: 60%;
        text-align: center;
        padding: 0 auto;
        margin: 0 auto;
    }

    .titulo{
        width: 100%;
        height:60px;
        margin-top: 100px;
        margin-bottom: 20px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 36px;
        /*color: rgb(48, 14, 168);*/
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 50%, rgba(255,255,255,1) 100%);
        /* background: linear-gradient(90deg, rgb(121, 90, 90) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%); */
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    }

    .titulo_coment{
        width: 100%;
        height:60px;
        margin-top: 100px;
        margin-bottom: 20px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 36px;
        /*color: rgb(48, 14, 168);*/
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 50%, rgba(255,255,255,1) 100%);
        /* background: linear-gradient(90deg, rgb(121, 90, 90) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%); */
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    }
    

    .formata_comment{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 23px;
        /* color:#1d0685; */
        color:#2a1199;
        text-align: center;
        margin-left: 24px;
        margin-right: 18px;
        margin-bottom: 10px;
    }


    #apresentacao{
    width: 95%;
    text-align: left;
    padding: 0 auto;
    margin: 0 auto;
    }

    #principal{
        background-color: #fcfafa;
        width: 100%;
        height: 4200px;
        padding-top: 30px;
    }
    
    #servicos{
        height:1000px;
        width: 100%;
        text-align: center;
        margin-top: 50px;
        /* background-color: coral;   */
    }
    
    #imagem{
        width: 100%;
        padding-bottom: 100px;
        justify-content: center; 
        margin: 0 auto;
        padding: 0 auto;
    }
    
    #texto{
        height:200px;
        width: 80%;
        margin: 0 auto;
        padding: 0 auto;
        text-align: center; 
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: large;
        background-color: #e8eaee;  
    } 
    
    
    #texto p{
        font-family:Verdana, Geneva, Tahoma, sans-serif;
        color:#2a1199;
        font-size: 22px;
        text-align: left;
    }
    
    #quem_somos{
        height:300px;
        width: 100%;
        text-align: center;
    }

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

    #menu{
        background-color: #ECECEC;  
        /* background-image: url('../images/back_cel7.png'); */
        background-image: url('../images/fundo_cel2.png'); 
        background-repeat:no-repeat;
        background-position: right;
        width: 100%;
        height: 350px;
        border-radius: 8px;    
        margin-bottom: 5px;
    }
       
    #menu info1{
        height: 100px;
        padding-top: 15px;
    }
    
    #info1 img{
        width:25%;
        float: left;
        padding-right: 20px;
        padding-left: 10px;
        padding-top: 10px; 
    } 
    
    #titulo{
        width: 60%;
        text-align: center;
        padding: 0 auto;
        margin: 0 auto;
    }

    .titulo{
        width: 100%;
        height:60px;
        margin-top: 100px;
        margin-bottom: 20px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 36px;
        /*color: rgb(48, 14, 168);*/
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 50%, rgba(255,255,255,1) 100%);
        /* background: linear-gradient(90deg, rgb(121, 90, 90) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%); */
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    }
     
    .titulo_coment{
        width: 100%;
        height:60px;
        margin-top: 100px;
        margin-bottom: 20px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 36px;
        /*color: rgb(48, 14, 168);*/
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 50%, rgba(255,255,255,1) 100%);
        /* background: linear-gradient(90deg, rgb(121, 90, 90) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%); */
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    }

    .formata_comment{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 23px;
        /* color:#1d0685; */
        color:#2a1199;
        text-align: center;
        margin-left: 24px;
        margin-right: 18px;
        margin-bottom: 10px;
    }
    
    #apresentacao{
    width: 95%;
    text-align: left;
    padding: 0 auto;
    margin: 0 auto;
    }
         }

         #principal{
            background-color: #fcfafa;
            width: 100%;
            height: 3100px;
            padding-top: 30px;
        }
        
        #servicos{
            height:1200px;
            width: 100%;
            text-align: center;
            margin-top: 50px;
            /* background-color: coral;   */
        }
        
        #imagem{
            width: 100%;
            padding-bottom: 100px;
            justify-content: center; 
            margin: 0 auto;
            padding: 0 auto;
        }
        
        #texto{
            height:655px;
            width: 80%;
            margin: 0 auto;
            padding: 0 auto;
            text-align: center; 
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: large;
            background-color: #e8eaee;  
        } 
        
        
        #texto p{
            font-family:Verdana, Geneva, Tahoma, sans-serif;
            color:#2a1199;
            font-size: 20px;
            text-align: left;
        }

        .titulo_q{
            width: 400px;
            height:60px;
            margin-top: 200px;
            margin-bottom: 20px;
            margin: 0 auto;
            padding: 0 auto;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 40px;
            /* color: rgb(48, 14, 168); */
            color:#2a1199;
            background: rgb(255,255,255);
            background: linear-gradient(90deg, rgba(252,250,250,1) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%);
            text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
            text-align: center;
        }
        
        
         #quem_somos{
            height:500px;
            width: 100%;
            text-align: center;
            /* background-color: chartreuse;  */
        }
       
}


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

    #conteudo{
        width: 100%;
        min-width: 40%; /* Para definir até quando pode redimensionar*/
        height: 1500px;
    }

    #menu{
        /* background-color: #cfd1d3;   */
        /* background-image: url('../images/back_cel7.png'); */
        background-image: url('../images/fundo_cel2.png'); 
        background-repeat:no-repeat;
        background-position: right;
        width: 100%;
        height: 400px;
        border-radius: 8px;    
        margin-bottom: 5px;
    }
       
    #menu info1{
        height: 100px;
        padding-top: 5px;
    }
    
    #info1 img{
        width:33%;
        float: left;
        padding-right: 20px;
        padding-top: 5px; 

    } 
    
    #titulo{
        width: 100%;
        text-align: left;
        padding: 0 auto;
    }

    .titulo{
        width: 100%;
        height:60px;
        margin-top: 100px;
        margin-bottom: 20px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 36px;
        /*color: rgb(48, 14, 168);*/
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 50%, rgba(255,255,255,1) 100%);
        /* background: linear-gradient(90deg, rgb(121, 90, 90) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%); */
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    }


    .titulo_coment{
        width: 100%;
        height:60px;
        margin-top: 100px;
        margin-bottom: 20px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 36px;
        /*color: rgb(48, 14, 168);*/
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 50%, rgba(255,255,255,1) 100%);
        /* background: linear-gradient(90deg, rgb(121, 90, 90) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%); */
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    }
    
    .formata{
        padding-top: 30px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 38px;
        color:#2a1199;
        text-align: left;
    }

    
.formata_1{
    padding-top: 25px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 48px;
    /* color:#2003a1; */
    color:#2a1199;
    text-align: left;
    margin-left: 233px;
}

    .formata1{
        padding-top: 25px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 38px;
        /* color:#2003a1; */
        color:#2a1199;
        text-align: center;
        margin-bottom: 10px;
    }

   .formata2{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 19px;
    /* color:#1d0685; */
    color:#2a1199;
    text-align: center;
    margin-right: 30px;
    margin-bottom: 10px;
}

    
    #apresentacao{
    width: 85%;
    text-align: center;
    }

    .formata3{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 17px;
        /* color:#130457; */
        color:#2a1199;
        text-align: justify;
        margin-left: 21px;
        margin-right: 40px;
    }

    .formata_comment{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 23px;
        /* color:#1d0685; */
        color:#2a1199;
        text-align: center;
        margin-left: 24px;
        margin-right: 18px;
        margin-bottom: 10px;
    }


    .titulo_q{
        width: 300px;
        height:60px;
        margin-top: 350px;
        margin-bottom: 20px;
        margin: 0 auto;
        padding: 0 auto;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 40px;
        /* color: rgb(48, 14, 168); */
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(252,250,250,1) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%);
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
        text-align: center;
    }
    
    
    .formata_q{
        width:84%;
        height: 60px;
        padding-top: 10px;
        padding-right: 35px;
        margin: 0 auto;
        padding: 0 auto;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 30px;
        /* color: rgb(48, 14, 168); */
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(252,250,250,1) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%);
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
        text-align: center;
        border-radius: 8px;
    }
    
    .formata_q2{
        width:87%;
        float:center;
        padding-right: 35px;
        padding-bottom: 13px;
        padding-left: 18px;
        margin: 0 auto;
        padding: 0 auto;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 18px;
        /* color: rgb(48, 14, 168); */
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(252,250,250,1) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%);
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
        text-align:justify;
    }
   
    #bts a{
        text-align: center;
        display:inline-block;
        zoom: 2;
        display: inline; /* Em linha, block= um embaixo do outro*/
        vertical-align: baseline;
        text-decoration: none;
        font: 7px Arial;
        padding: .10em 1em .75em;
        color:#ECECEC;
        scrollbar-shadow-color: dimgrey;
        text-shadow: rgb(119, 114, 114) 0.1em 0.1em 0.2em;
        
     }

     #bts a:hover{
        text-decoration: none;
        color:rgb(233, 231, 145);
    }

    #principal{
        background-color: #fcfafa;
        width: 100%;
        height: 2800px;
        padding-top: 30px;
    }
    
    #servicos{
        height:850px;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    
    #imagem{
        width: 100%;
        padding-bottom: 10px;
        justify-content: center; 
        margin: 0 auto;
        padding: 0 auto;
    }
    
    #texto{
        height:530px;
        width: 80%;
        margin: 0 auto;
        padding: 0 auto;
        text-align: center; 
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 12px;
        background-color: #e8eaee;  
    } 

    #texto p{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color:#2a1199;
        font-size: 14px;
        text-align: left;
    }
    
    #quem_somos{
        width: 100%;
        height:400px;
        background-image: url('../images/quem_somos2.png'); 
        margin: 0 auto;
        padding: 0 auto;
        margin-top: 20px;
        background-repeat: repeat-x;
        border-radius: 8px;
        background-color: rgb(177, 189, 180);
    }
        
    #text_q{
        width:95%;
        height: 250px;
        padding-top: 12px;
        margin-top:70px;
        float: right;
        margin-right: 15px;
        border-radius: 8px;
        opacity: 80%;
    }
    

    #orcamento{
        width: 300px;
        height: 80px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 20px;
        margin: 0 auto;
        margin-top: 90px;
        padding:0 auto;
        background: linear-gradient(90deg, rgb(224, 230, 238) 0%, rgb(224, 230, 238) 50%, rgb(224, 230, 238) 100%);
        border-radius: 7px;
    }
    
    #orcamento img{
    
        width: 80px;
        text-align: left;
        float: left;
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    }
    
    #orcamento p{
    
        padding-top: 22px;
    }
    
    #contatos{
        display:inline-block;
        width: 100%;
        height: 110px;
        background-color: #faf8f8;  
        padding: 0 auto;
        margin: 0 auto;
    }

    #contato{
        width: 100%;
        text-align: center;
        background-color: #e8eaee;  
        color:#2a1199;
    }
    
    #atendimento{
        width: 100%;
        text-align: center;
        background-color: #e8eaee;  
        color:#2a1199;
    }
    #redes{
        width: 100%;
        text-align: center;
        background-color: #e8eaee;  
    }

    #redes img{
        display: inline;
        padding: 7px;
        width:40px;
        text-align: center;
    } 

    .contatos{

        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 18px;
        color:#2a1199;
    }
    
    #rodape{
        /* background-color: rgb(4, 4, 85); */
        background-color:  rgba(30,42,128,1) ;
        width: 100%;
        height: 70px;
        flex-direction: row;
    }

}

    

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

    #conteudo{
        width: 100%;
        min-width: 40%; /* Para definir até quando pode redimensionar*/
        height: 1500px;
    }

    #menu{
        /* background-color: #cfd1d3;   */
        /* background-image: url('../images/back_cel7.png'); */
        background-image: url('../images/fundo_cel2.png'); 
        background-repeat:no-repeat;
        background-position: right;
        width: 100%;
        height: 400px;
        border-radius: 8px;    
        margin-bottom: 5px;
    }
       
    #menu info1{
        height: 100px;
        padding-top: 5px;
    }
    
    #info1 img{
        width:33%;
        float: left;
        padding-right: 20px;
        padding-top: 5px; 

    } 
    
    #titulo{
        width: 100%;
        text-align: right;
        padding: 0 auto;
    }

    .titulo{
        width: 100%;
        height:60px;
        margin-top: 100px;
        margin-bottom: 20px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 36px;
        /*color: rgb(48, 14, 168);*/
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 50%, rgba(255,255,255,1) 100%);
        /* background: linear-gradient(90deg, rgb(121, 90, 90) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%); */
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    }


    .titulo_coment{
        width: 100%;
        height:100px;
        margin-top: 100px;
        margin-bottom: 40px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 36px;
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 50%, rgba(255,255,255,1) 100%);
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    }


    .formata{
        padding-top: 30px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 40px;
        color:#2a1199;
        text-align: center;
    }

    
.formata_1{
    padding-top: 25px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 48px;
    /* color:#2003a1; */
    color:#2a1199;
    text-align: left;
    margin-left: 140px;
}
    
    .formata1{
        padding-top: 25px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 38px;
        /* color:#2003a1; */
        color:#2a1199;
        text-align: center;
        margin-bottom: 10px;
    }

    .formata_comment{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 23px;
        /* color:#1d0685; */
        color:#2a1199;
        text-align: center;
        margin-left: 24px;
        margin-right: 18px;
        margin-bottom: 10px;
    }

    .titulo_q{
        width: 400px;
        height:60px;
        margin-top: 200px;
        margin-bottom: 20px;
        margin: 0 auto;
        padding: 0 auto;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 40px;
        /* color: rgb(48, 14, 168); */
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(252,250,250,1) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%);
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
        text-align: center;
    }
    
    
    .formata_q{
        width:84%;
        height: 90px;
        padding-top: 25px;
        padding-right: 35px;
        margin: 0 auto;
        padding: 0 auto;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 30px;
        /* color: rgb(48, 14, 168); */
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(252,250,250,1) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%);
        text-align: center;
        border-radius: 8px;
    }
    
    .formata_q2{
        width:89%;
        height: 300px;
        float:center;
        padding-right: 35px;
        padding-bottom: 13px;
        padding-left: 18px;
        margin: 0 auto;
        padding: 0 auto;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 20px;
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(252,250,250,1) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%);
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
        text-align:justify;
    }
    
        
    #apresentacao{
    width: 100%;
    text-align: center;
    }

    .formata3{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 19px;
        /* color:#130457; */
        color:#2a1199;
        text-align: justify;
        margin-left: 22px;
        margin-right: 20px;
    }

    #bts a{
        text-align: center;
        display:inline-block;
        zoom: 2;
        display: inline; /* Em linha, block= um embaixo do outro*/
        vertical-align: baseline;
        text-decoration: none;
        font: 7px Arial;
        padding: .10em 1em .75em;
        color:#ECECEC;
        scrollbar-shadow-color: dimgrey;
        text-shadow: rgb(119, 114, 114) 0.1em 0.1em 0.2em;
    }
    

    #bts a:hover{
        text-decoration: none;
        color:rgb(233, 231, 145);
    }

    #principal{
        background-color: #fcfafa;
        width: 100%;
        height: 1000px;
        padding-top: 30px;
    }
    
    #servicos{
        height:1100px;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    
    #imagem{
        width: 100%;
        padding-bottom: 10px;
        justify-content: center; 
        margin: 0 auto;
        padding: 0 auto;
    }
    
    #texto{
        height:830px;
        width: 80%;
        margin: 0 auto;
        padding: 0 auto;
        text-align: center; 
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 12px;
        background-color: #e8eaee;  
    } 
    
    #texto p{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        /* color:#1d0685; */
        color:#2a1199;
        font-size: 20px;
        text-align: left;
    }
    
    #quem_somos{
        width: 100%;
        height:400px;
        background-image: url('../images/quem_somos2.png'); 
        margin: 0 auto;
        padding: 0 auto;
        margin-top: 20px;
        background-repeat: repeat-x;
        border-radius: 8px;
        background-color: rgb(177, 189, 180);
    }
        
    #text_q{
        width:95%;
        height: 300px;
        padding-top: 5px;
        margin-top:70px;
        float: right;
        margin-right: 10px;
        border-radius: 8px;
        opacity: 80%;
    }

    #orcamento{
        width: 300px;
        height: 80px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 20px;
        margin: 0 auto;
        margin-top: 90px;
        padding:0 auto;
        background: linear-gradient(90deg, rgb(224, 230, 238) 0%, rgb(224, 230, 238) 50%, rgb(224, 230, 238) 100%);
        border-radius: 7px;
    }
    
    #orcamento img{
    
        width: 80px;
        text-align: left;
        float: left;
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    }
    
    #orcamento p{
    
        padding-top: 22px;
    }
    

    #contatos{
        display:inline-block;
        /* flex-direction: row; */
        width: 100%;
        height: 110px;
        background-color: #faf8f8;  
        padding: 0 auto;
        margin: 0 auto;
        /* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 50%, rgba(255,255,255,1) 100%); */
    }
    #contato{
        width: 100%;
        text-align: center;
        background-color: #e8eaee;  
        color:#2a1199;
    }
    
    #atendimento{
        width: 100%;
        text-align: center;
        background-color: #e8eaee;  
        color:#2a1199;
    }
    #redes{
        width: 100%;
        text-align: center;
        background-color: #e8eaee;  
    }

    #redes img{
        display: inline;
        padding: 7px;
        /* padding-right: 250px;  */
        /* padding-top: 17px; */
        width: 40px;
        text-align: center;
    } 

    .contatos{

        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 19px;
        /* color:#3b335f; */
        color:#2a1199;

    }
    
    #rodape{
        /* background-color: rgb(4, 4, 85); */
        background-color:  rgba(30,42,128,1) ;
        width: 100%;
        height: 70px;
        flex-direction: row;
    }

}

    

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

    #conteudo{
        width: 100%;
        min-width: 40%; 
        height: 1500px;
    }

    #menu{
        background-image: url('../images/fundo_cel2.png'); 
        background-repeat:no-repeat;
        background-position: right;
        width: 100%;
        height: 600px;
        border-radius: 8px;    
        margin-bottom: 5px;
    }
       
    #menu info1{
        height: 120px;
        padding-top: 5px;
    }
    
    #info1 img{
        width:40%;
        float: left;
        padding-right: 20px;
        padding-top: 50px; 
    } 
    
    #titulo{
        width: 100%;
        text-align: right;
        padding: 0 auto;
    }

    .titulo{
        width: 100%;
        height:60px;
        margin-top: 100px;
        margin-bottom: 20px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 36px;
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 50%, rgba(255,255,255,1) 100%);
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    }

    .titulo_coment{
        width: 100%;
        height:100px;
        margin-top: 100px;
        margin-bottom: 40px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 36px;
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 50%, rgba(255,255,255,1) 100%);
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    }

    .formata{
        padding-top: 30px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 40px;
        color:#2a1199;
        text-align: justify;
    }

    
.formata_1{
    padding-top: 25px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 48px;
    /* color:#2003a1; */
    color:#2a1199;
    text-align: left;
    margin-left: 140px;
}

    .formata1{
        padding-top: 25px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 30px;
        color:#2a1199;
        text-align: center;
        margin-bottom: 10px;
    }
    
    .formata_comment{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 23px;
        /* color:#1d0685; */
        color:#2a1199;
        text-align: center;
        margin-left: 24px;
        margin-right: 18px;
        margin-bottom: 10px;
    }

    #apresentacao{
    width: 100%;
    text-align: center;
    }

    .formata3{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 22px;
        color:#2a1199;
        text-align: justify;
        margin-left: 22px;
        margin-right: 25px;
    }


    /* .formata4{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 25px;
        color:#2a1199; 
        text-align: justify;
        margin-left: 20px;
        margin-right: 23px;
    } */

    h4{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 25px;
        color:#2a1199; 
        text-align: justify;
    }

    #bts a{
        text-align: center;
        display:inline-block;
        zoom: 2;
        display: inline; /* Em linha, block= um embaixo do outro*/
        vertical-align: baseline;
        text-decoration: none;
        font: 7px Arial;
        padding: .10em 1em .75em;
        color:#ECECEC;
        scrollbar-shadow-color: dimgrey;
        text-shadow: rgb(119, 114, 114) 0.1em 0.1em 0.2em;
    }
    

    #bts a:hover{
        text-decoration: none;
        color:rgb(233, 231, 145);
    }


    #principal{
        background-color: #fcfafa;
        width: 100%;
        height: 1000px;
        padding-top: 30px;
    }
    
    #servicos{
        height:1350px;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        padding-bottom: 250px;

    }
    
    #imagem{
        width: 100%;
        padding-bottom: 10px;
        justify-content: center; 
        margin: 0 auto;
        padding: 0 auto;
    }
    
    #texto{
        height:1100px;
        width: 90%;
        margin: 0 auto;
        padding: 0 auto;
        margin-bottom: 20px;
        text-align: center; 
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 18px;
        background-color: #e8eaee;  
    } 

    
    #texto p{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color:#2a1199;
        font-size: 22px;
        text-align: left;
    }
        
    .titulo_q{
        width: 320px;
        height:60px;
        margin-top: 20px;
        margin-bottom: 20px;
        margin: 0 auto;
        padding: 0 auto;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 40px;
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(252,250,250,1) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%);
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
        text-align: center;
    }
        
    .formata_q{
        width:84%;
        height: 60px;
        padding-top: 5px;
        padding-right: 35px;
        margin: 0 auto;
        padding: 0 auto;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 30px;
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(252,250,250,1) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%);
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
        text-align: center;
        border-radius: 8px;
    }
    
    .formata_q2{
        width:95%;
        height: 345px;
        padding-right: 20px;
        padding-bottom: 8px;
        padding-left: 16px;
        margin: 0 auto;
        padding: 0 auto;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 21px;
        color:#2a1199;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(252,250,250,1) 0%, rgba(236,236,236,1) 50%, rgba(252,250,250,1) 100%);
        text-align:justify;
        border-radius: 7px;
    }
    
    #quem_somos{
        width: 100%;
        height:400px;
        background-image: url('../images/quem_somos2.png'); 
        margin: 0 auto;
        padding: 0 auto;
        margin-top: 20px;
        background-repeat: repeat-x;
        border-radius: 8px;
        background-color: rgb(177, 189, 180);
    }
        
    #text_q{
        width:100%;
        height: 300px;
        padding-top: 5px;
        margin-top:19px;
        text-align: center;
        margin-right: 1px;
        opacity: 80%;
    }

    #orcamento{
        width: 300px;
        height: 80px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 20px;
        margin: 0 auto;
        margin-top: 45px;
        padding:0 auto;
        background: linear-gradient(90deg, rgb(224, 230, 238) 0%, rgb(224, 230, 238) 50%, rgb(224, 230, 238) 100%);
        border-radius: 7px;
    }
    
    #orcamento img{
        width: 80px;
        text-align: left;
        float: left;
        text-shadow: rgb(185, 180, 180) 0.1em 0.1em 0.1em;
    }
    
    #orcamento p{
    
        padding-top: 14px;
    }
    
    #contatos{
        display:inline-block;
        width: 100%;
        height: 215px;
        background-color: #faf8f8;  
        padding: 0 auto;
        margin: 0 auto;
    }

    #contato{
        width: 100%;
        text-align: center;
        background-color: #e8eaee;  
        color:#2a1199;
        font-size: 16px;
    }
    
    #atendimento{
        width: 100%;
        text-align: center;
        background-color: #e8eaee;  
        color:#2a1199;
        font-size: 16px;
    }

    #redes{
        width: 100%;
        text-align: center;
        background-color: #e8eaee;  
    }

    #redes img{
        display: inline;
        padding: 7px;
        width: 40px;
        text-align: center;
    } 

    .contatos{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 17px;
        color:#2a1199;
    }
    
    #rodape{
        background-color:  rgba(30,42,128,1) ;
        width: 100%;
        height: 70px;
        flex-direction: row;
    }
}