@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.tw-400 {
    font-weight: 300 !important;
}

.tw-800 {
    font-weight:700 !important;
}

.text-28 {
    font-size: 28px !important;
}

.text-lg-48 {
    font-size: 48px !important;
}

.text-lg-60 {
    font-size: 60px !important;
}

.text-13 {
    font-size:13px !important;
}

.text-lh-1p5 {
    line-height:1.5;
}

.text-caption {
    margin-top: 5px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    color: #555 !important;
}

.data-void {
    text-decoration:line-through !important;
}

/* WEIGHTS */

.tw-100 {
    font-weight: 100;
}

.tw-300 {
    font-weight: 300;
}

.tw-400 {
    font-weight: 400;
}

.tw-500 {
    font-weight: 500;
}

.tw-700 {
    font-weight: 700;
}

.tw-900 {
    font-weight: 800;
}


.t-9 {
    font-size: 9px !important;
}

.t-10 {
    font-size: 10px !important;
}

.t-11 {
    font-size: 11px !important;
}

.t-12 {
    font-size: 12px !important;
}

.t-13 {
    font-size: 13px !important;
}

.t-42 {
    font-size: 42px !important;
}

.t-48 {
    font-size: 48px !important;
}

.t-52 {
    font-size: 52px !important;
}

.t-60 {
    font-size: 60px !important;
}

.t-120 {
    font-size: 120px !important;
}


.t-landing-brand {
    font-size: 90px !important;
}

.lh-1p5 {
    line-height: 1.5 !important;
}

.lh-2p {
    line-height: 2 !important;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .t-60 {
        font-size: 40px !important;
    }

    .t-42 {
        font-size: 36px !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .t-60 {
        font-size: 40px !important;
    }

    .t-42 {
        font-size: 36px !important;
    }
}