/* -----------TEXT STYLING---------------*/
h1, .h1 {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3;
}

h2, .h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3
}

h3, .h3, button, .btn {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5
}

.footer, input {
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5;
}

h4, .h4 {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.7;
}

h5, .h5, .menu-dropdown {
    font-weight: normal;
    font-size: 15px;
    line-height: 1.7;
}

@media (min-width: 768px) {
    h1, .h1 {
        font-weight: bold;
        font-size: 36px;
        line-height: 1.3;
    }

    h2, .h2 {
        font-weight: bold;
        font-size: 24px;
        line-height: 1.3
    }

    h3, .h3 {
        font-weight: bold;
        font-size: 20px;
        line-height: 1.3
    }

    button, .btn {
        font-weight: normal;
        font-size: 20px;
        line-height: 1.3
    }

    .footer, input {
        font-weight: normal;
        font-size: 20px;
        line-height: 1.3;
    }

    .menu-text, .stepper {
        font-weight: bold;
        font-size: 15px;
        line-height: 1.3;
    }

    h4, .h4 {
        font-weight: 500;
        font-size: 15px;
        line-height: 1.5;
    }

    h5, .h5, .menu-dropdown {
        font-weight: normal;
        font-size: 15px;
        line-height: 1.7;
    }

    .notification-small {
        font-weight: normal;
        font-size: 12px;
        line-height: 1.7;
    }

    .no-data-title {
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1.333;
    }
}