@media (min-width: 600px){
    .text-xs-button-1 {
        font-size: 6rem !important;
        font-weight: 300;
        line-height: 6rem;
        letter-spacing: -0.015625em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-xs-button-2 {
        font-size: 3.75rem !important;
        font-weight: 300;
        line-height: 3.75rem;
        letter-spacing: -0.0083333333em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-xs-button-3 {
        font-size: 3rem !important;
        font-weight: 400;
        line-height: 3.125rem;
        letter-spacing: normal !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-xs-button-4 {
        font-size: 2.125rem !important;
        font-weight: 400;
        line-height: 2.5rem;
        letter-spacing: 0.0073529412em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-xs-button-5 {
        font-size: 1.5rem !important;
        font-weight: 400;
        line-height: 2rem;
        letter-spacing: normal !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-xs-button-6{
        font-size: 1.25rem !important;
        font-weight: 500;
        line-height: 2rem;
        letter-spacing: 0.0125em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
}

@media (min-width: 960px){
    .text-sm-button-1 {
        font-size: 6rem !important;
        font-weight: 300;
        line-height: 6rem;
        letter-spacing: -0.015625em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-sm-button-2 {
        font-size: 3.75rem !important;
        font-weight: 300;
        line-height: 3.75rem;
        letter-spacing: -0.0083333333em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-sm-button-3 {
        font-size: 3rem !important;
        font-weight: 400;
        line-height: 3.125rem;
        letter-spacing: normal !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-sm-button-4 {
        font-size: 2.125rem !important;
        font-weight: 400;
        line-height: 2.5rem;
        letter-spacing: 0.0073529412em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-sm-button-5 {
        font-size: 1.5rem !important;
        font-weight: 400;
        line-height: 2rem;
        letter-spacing: normal !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-sm-button-6{
        font-size: 1.25rem !important;
        font-weight: 500;
        line-height: 2rem;
        letter-spacing: 0.0125em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
}

@media (min-width: 1280px){
    .text-md-button-1 {
        font-size: 6rem !important;
        font-weight: 300;
        line-height: 6rem;
        letter-spacing: -0.015625em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-md-button-2 {
        font-size: 3.75rem !important;
        font-weight: 300;
        line-height: 3.75rem;
        letter-spacing: -0.0083333333em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-md-button-3 {
        font-size: 3rem !important;
        font-weight: 400;
        line-height: 3.125rem;
        letter-spacing: normal !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-md-button-4 {
        font-size: 2.125rem !important;
        font-weight: 400;
        line-height: 2.5rem;
        letter-spacing: 0.0073529412em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-md-button-5 {
        font-size: 1.5rem !important;
        font-weight: 400;
        line-height: 2rem;
        letter-spacing: normal !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-md-button-6{
        font-size: 1.25rem !important;
        font-weight: 500;
        line-height: 2rem;
        letter-spacing: 0.0125em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
}

@media (min-width: 1920px){
    .text-lg-button-1 {
        font-size: 6rem !important;
        font-weight: 300;
        line-height: 6rem;
        letter-spacing: -0.015625em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-lg-button-2 {
        font-size: 3.75rem !important;
        font-weight: 300;
        line-height: 3.75rem;
        letter-spacing: -0.0083333333em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-lg-button-3 {
        font-size: 3rem !important;
        font-weight: 400;
        line-height: 3.125rem;
        letter-spacing: normal !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-lg-button-4 {
        font-size: 2.125rem !important;
        font-weight: 400;
        line-height: 2.5rem;
        letter-spacing: 0.0073529412em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-lg-button-5 {
        font-size: 1.5rem !important;
        font-weight: 400;
        line-height: 2rem;
        letter-spacing: normal !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-lg-button-6{
        font-size: 1.25rem !important;
        font-weight: 500;
        line-height: 2rem;
        letter-spacing: 0.0125em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
}

@media (min-width: 2560px){
    .text-xl-button-1 {
        font-size: 6rem !important;
        font-weight: 300;
        line-height: 6rem;
        letter-spacing: -0.015625em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-xl-button-2 {
        font-size: 3.75rem !important;
        font-weight: 300;
        line-height: 3.75rem;
        letter-spacing: -0.0083333333em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-xl-button-3 {
        font-size: 3rem !important;
        font-weight: 400;
        line-height: 3.125rem;
        letter-spacing: normal !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-xl-button-4 {
        font-size: 2.125rem !important;
        font-weight: 400;
        line-height: 2.5rem;
        letter-spacing: 0.0073529412em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-xl-button-5 {
        font-size: 1.5rem !important;
        font-weight: 400;
        line-height: 2rem;
        letter-spacing: normal !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
    .text-xl-button-6{
        font-size: 1.25rem !important;
        font-weight: 500;
        line-height: 2rem;
        letter-spacing: 0.0125em !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: none !important;
    }
}