:root{
    --h1-font-size: 3rem;
}

@media screen and (min-width: 900px){
    :root{
        --h1-font-size: 3rem;
    }
}

.header spam{
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 580%;
    
      }

.header spam::after{
    position: relative;
    content: 'Ti';
    margin-top: 1rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 35%;
    font-weight: bold;
  
}      

.nav{
    height: 25%;
    background-color: #9c9a9abd; /* Cor de fundo para visualização */
    font-weight:normal;
    font-size:medium;
}


body{
  margin: 0px;
  padding: 0px;
    }

 .apoio h1{
    text-align: left;
    font-size: 110%;
    font-weight: bold;
 }   
    
.sefaz h1{
    font-size: var(--h1-font-size);
}


.Arte_Sefaz img{
   max-width: 300px;
   width: 80%; 
}

.Arte_Suporte img{
    max-width: 300%;
    width: 80%; 
 }
 
.section-title{
    position: relative;
    font-weight: bold;
    color: #0a0e14;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: left;
}

.header{
    height: 135px;
    background-color: #3f3c3cec; /* Cor de fundo para visualização */
    color: #cbcbcb
}

.apoio {
    height: 620px; /* Defina a altura desejada em pixels */
    /*background-color: #f0f0f0; /* Cor de fundo para visualização */
}

.sefaz {
    height: 620px; /* Defina a altura desejada em pixels */
}

.sistema {
    height: 620px; /* Defina a altura desejada em pixels */
}

.suporte {
    height: 620px; /* Defina a altura desejada em pixels */
}

.contato {
    height: 550px; /* Defina a altura desejada em pixels */
    background-color: #f0f0f0; /* Cor de fundo para visualização */
}

.footer{
    background-color: #0d1730;
    color: #ffffff;
    margin-top: 1rem;
}

.footer a{
    color: #ffffff;
    text-decoration: none;
}

.footer a:hover{
    color: #cbcbcb;
}