@media (max-width: 1200px) {
    #titulos{
        font-size: 2rem;
    }

    #titulo-col{
        font-size: 4rem;
        text-align: center;
    }

    .button {
        height: 2.75rem;
        width: 10rem;
        border-radius: 1.5rem;
    }

    .btn-txt {
        font-size: 0.9rem;
    }

    .type1::after {
        border-radius: 1.5rem;
        height: 0.5rem;
        width: 0.5rem;
    }
}

@media (max-width: 992px) {
    #titulos{
        font-size: 2rem;
    }

    #titulo-col{
        font-size: 3rem;
        text-align: center;
    }

    .button {
        height: 2.5rem;
        width: 9rem;
        border-radius: 1.25rem;
    }

    .btn-txt {
        font-size: 0.8rem;
    }

    .type1::after {
        border-radius: 1.25rem;
        height: 0.45rem;
        width: 0.45rem;
    }
}

@media (max-width: 768px) {
    #titulos{
        font-size: 1.5rem;
    }

    #titulo-col{
        font-size: 2rem;
        text-align: center;
    }

    .button {
        height: 2.25rem;
        width: 8rem;
        border-radius: 1rem;
    }

    .btn-txt {
        font-size: 0.75rem;
    }

    .type1::after {
        border-radius: 1rem;
        height: 0.4rem;
        width: 0.4rem;
    }
}

@media (max-width: 576px) {
    #titulos{
        font-size: 1.5rem;
    }

    #titulo-col{
        font-size: 2rem;
        text-align: center;
    }

    .button {
        height: 2rem;
        width: 7rem;
        border-radius: 0.875rem;
    }

    .btn-txt {
        font-size: 0.7rem;
    }

    .type1::after {
        border-radius: 0.875rem;
        height: 0.35rem;
        width: 0.35rem;
    }
}