.title {
    display:flex;
    
    justify-content: center;
    margin-top: 2rem;
    padding: 2rem;
    color: #a97c50;
    width: 100%;
 
}

.subtitle {
    display: flex;
    color: #da7b1c;

    font-size: x-large;
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    text-shadow: none;
}


.class-conteiner {
    width: 100%;
    padding: 1rem;
}

.opacity-override {
    opacity: 1;
}

  /* media queryes */
@media (max-width:440px) {
    .class-title {
        margin-top: 5rem;
        display: flex;
        flex-direction: column;
        padding: 1rem 0.5rem;
    }
    .subtitle {
        font-size: 1.2rem;
        
    }
    .class-title h2{
        font-size: 1.8rem;
        padding: 1rem;
    }

    .col-100 h2{
        font-size: 1.0rem !important;
        margin-left: -1rem;
        
    }
    .col-75,
    .col-66,
    .col-50,
    .col-33,
    .col-25 {
        width: 100%;
    }

}