body {
    font-family: "Urbanist", sans-serif;
    font-optical-sizing: auto;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; 
    color: #1F2025;
}

.wrapper.black {
    color: #FFF;
}


.title-xl {
    font-size: 4.875rem;
    font-weight: 900;
    line-height: normal;
}

.title-lg {
    font-size: 2.875rem;
    font-weight: 900;
    line-height: normal;
}

.title-md {
    font-size: 2.25rem;
    font-weight: 900;
    line-height: 2.875rem;
}

.title-sm {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.25rem;
}

.subtitle {
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.t-lg {
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.t-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.t-up {
    font-size: 0.75rem;
    font-weight: 900;
    line-height: 1rem;
    letter-spacing: 0.075rem;
    text-transform: uppercase;
}

.link-blue {
    color: #FFF;
    font-weight: 700;
    padding: 20px 30px;
    background-color: #205BF1;
    box-shadow: 0px 5px 15px 0px rgba(32, 91, 241, 0.20);
}

.button-blue {
    color: #FFF;
    font-weight: 700;
    padding: 10px 20px;
    background-color: #205BF1;
    box-shadow: 0px 5px 15px 0px rgba(32, 91, 241, 0.20);
}

@media (max-width: 1023px) {
    .title-xl {
        font-size: 2.5rem;
    }
    
    .title-lg {
        font-size: 1.75rem;
        line-height: 130%;
    }
    
    .title-md {
        font-size: 1.375rem;
        line-height: 2.125rem;
    }
    
    .title-sm {
        font-size: 1.25rem;
        line-height: 1.75rem; 
    }

    .subtitle {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }

    .t-lg {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }

}