/*-----------configuraçao inicial ---------*/
*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
}
/*-------------------------------------------*/
.container-fluid{
    padding-right: 0%!important;
    padding-left: 0%!important;
}

#tituloboletim{
    color: rgb(50, 137, 250);
    font-family: 'Titillium Web', Sans-serif, Arial;
    font-weight: bold;
    font-size: 20px;
}
.btn-gradient-purple {
    color: #ffffff;
    background-image: linear-gradient(to right, rgb(52, 132, 253) 0%, rgb(52, 132, 253) 51%, rgb(100, 255, 247) 100%);
    transition: 0.5s;
    background-size: 200% auto;
    border-radius: 0.2875rem;
    font-size: 1.275rem;
    text-decoration: none;
 
}
.titulotexto{
    color: rgb(0, 0, 0);
    font-family: 'Titillium Web', Sans-serif, Arial;
    font-weight: bold; 
}
.footer{
    padding: none!important;
    border-top: none!important;
    background-color:white!important;
}
#logoSP{
    width: 15%;
    margin-right: 1%;
}
#logoPG{
    width: 6%;
    margin-right: 3%;
}
.container-fluid{
    padding: right 2px!important;
    padding: left 2px!important;
}
#cabe{
    --bs-gutter-x: 0rem!important;
}





/*--------------------------------------------------------------------RODAPÉ-----------------------------------------------*/
header, main, footer {
    flex-shrink: 0;
}
footer{
    margin-top: auto;
    
}
html, body {
    width: 100%;
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}


/*---------------------------------------------------------------------PAGINA HOME-----------------------------------------------------------*/




@media (min-width: 951px){
        .Footer-inner  {
        padding: 37px 37px 37px 37px;
        }
        .col-6{
        padding-left: 6%!important;
        }
        #botao{
        padding-left: 172px;
        padding-top: 12%;
        margin-right: 27%;
        }
        #b2{
        padding-left:13%;
        }
        .container.b3{
            margin-right: 27%;
        }
 
        img#logdir.rounded.float-start{
        width: 28%!important;
        position: absolute;
        margin-left: 16%;
        }
        img#logoesq.rounded.float-end{
        width:23%!important;
        position: relative;
        }

        .tituloh3{
            padding-top: 8%;
        }

}
@media (max-width: 950px){
        img#logdir.rounded.float-start{
        width: 58%!important;
        position: absolute;
        
         }
        img#logoesq.rounded.float-end{
        width:39%!important;
        position: relative;
        }
    
        #botao{
        padding-left: 61px;
        position: relative;
        padding-top:24%;
            }
        #b2{
        padding-left: 8%
         }
         #logoSP {
            width: 25%;
        }
        #logoPG {
            width: 10%;
            margin-right: 3%;
        }
}
 @media (max-width: 567px){

        img#logdir.rounded.float-start{
            width: 79%!important;
            position: absolute;
            
        }
        img#logoesq.rounded.float-end{
            width:50%!important;
            position: relative;
        }
        
        #botao{
            padding-left: 8%;
           position: relative;
           padding-top: 40%;
           
        }
        #logoSP  {
            width: 25%;
            margin-right: 30%;
            
        }
        #logoPG {
            width: 10%;
            margin-right: 3%;
            
        }
        
 }
/*------------------------------------------------------PAGINA BOLETIM--------------------------------------------------------------------------------*/

@media (min-width: 951px){
    .Footer-inner  {
    padding: 37px 37px 37px 37px;
    }
    
    #boletim{
        padding-top: 10%;
    }
}   
@media (max-width: 950px){
    
    #boletim{
        padding-top: 18%;
         }
           
}
@media (max-width: 567px){
    
          
    #boletim{
        padding-top: 25%;
            }
            
 }
 /*------------------------------------------------------PAGINA QUE É--------------------------------------------------------------------------------*/
 
 h3{
    flex: auto;
    text-align: center;
    position: relative;

}
.card-text.oquee {
    color: rgb(3, 145, 180);
    font-family: 'Titillium Web', Sans-serif, Arial;
    font-weight: bold;
    font-size: 20px;

}
.card-text{
    color: rgb(3, 145, 180);
    font-family: 'Titillium Web', Sans-serif, Arial;
    margin: 1%;
}

 
@media (min-width: 951px){
    .card-text.texto{
        flex: auto;
        text-align: center;
        position: relative;
    }
    .card-text.texto2{
        flex: auto;
        text-align: center;
        position: relative;
        margin: 1%;
    }

    ul{
        flex: auto;
        
        position: relative;
       
    }
}

 
 @media (max-width: 567px){

h3{
    padding-top: 25%;
}
.card-text.texto, .card-text.texto2{
    margin-bottom: 5%;
}



 }