.vagas {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
    grid-auto-flow: row dense; /* Define o fluxo automático para as linhas */
    flex-direction: row;
    max-width: 1200px;
    flex-wrap: wrap;
}


.vagas-page{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 3%;
    padding-bottom: 5%;
    animation: fadeIn 2.5s forwards;
   
}

.pages ul li a{
    color: #262626;
}



.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="url"] {

border-bottom: 1px solid #262626;


}

.vagas-title h1{
   font-size: 80px;
   font-family: belisa_plumilla;    
   font-weight: normal;
   width: 100%;
   display: flex;
}

.vagas .turma{
    min-width: 357px;
}
header{
    margin-top: 0;
    margin-bottom: 0;
}

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

    .vagas {
       
        grid-template-columns: repeat(2, 1fr);
     
}
}

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

    .vagas {
       
        grid-template-columns: repeat(1, 1fr);
     
}

.vagas-title h1 {
    font-size: 50px;
}

}