.font-1-xxl {
    font: 500 4rem/1.125 "Poppins", sans-serif;
}

.font-1-xl {
    font: 300 2.25rem/1 "Poppins", sans-serif;
}

.font-1-l {
    font: 400 1.5rem/1.5 "Roboto", sans-serif;
}

.font-1-m {
    font: 400 1.125rem/1.11 "Roboto", sans-serif;
}

.font-1-s {
    font: 400 1rem/1.5 "Roboto", sans-serif;
}

.font-1-xs {
    font: 500 0.75rem/1 "Roboto", sans-serif;
}

.font-2-m {
    font: 400 1.125rem/1.4 "Roboto", sans-serif;
}

.font-2-l {
    font: 400 1.5rem/1.17 "Poppins", sans-serif;
}

.font-2-s {
    font: 500 1rem/1.5 "Poppins", sans-serif;
}

.font-3-xl {
    font: 500 2.25rem/1.17 "Poppins", sans-serif;
}

.font-3-m {
    font: 500 1.125rem/1.33 "Roboto", sans-serif;
}

.font-3-l {
    font: 500 1.5rem/1 "Roboto", sans-serif;
}

.font-3-s {
    font: 400 1rem/1.25 "Roboto", sans-serif;
}

.font-4-xl {
    font: 400 2.25rem/1.17 "Poppins", sans-serif;
}

.font-4-m {
    font: 400 1.125rem/1.33 "Poppins", sans-serif;
}

.font-4-l {
    font: 500 1.5rem/1 "Roboto", sans-serif;
}

.font-5-xl {
    font: 600 2.25rem/1.17 "Poppins", sans-serif;
}

.font-5-m {
    font: 700 1.125rem/1.33 "Roboto", sans-serif;
}

@media(max-width:1000px) {
    .font-3-xl {
        font: 500 1.5rem/1.7 "Roboto", sans-serif;
    }

    .font-2-m {
        font: 400 1rem/1.5 "Roboto", sans-serif;
    }

    .font-3-m {
        font: 500 1rem/1 "Roboto", sans-serif;
    }
}

@media(max-width:990px) {
    .font-4-xl {
        font: 400 1.5rem/1.1 "Poppins", sans-serif;
    }

    .font-4-m {
        font: 400 1rem/1.125 "Poppins", sans-serif;
    }
}

@media(max-width: 750px) {
    .font-1-l {
        font: 400 1.125rem/1.33 "Roboto", sans-serif;
    }

    .font-1-xxl {
        font: 500 3rem/1.125 "Poppins", sans-serif;
    }

    .font-1-s {
        font: 400 0.875rem/1.42 "Roboto", sans-serif;
    }

    .font-1-xl {
        font: 300 1.5rem/1 "Poppins", sans-serif;
    }

    .font-2-m {
        font: 400 1rem/1.5 "Roboto", sans-serif;
    }

    .font-2-l {
        font: 400 1.125rem/1.3"Roboto", sans-serif;
    }
    
}

@media(max-width:490px) {
    .font-5-xl {
        font: 600 1.5rem/1.1 "Poppins", sans-serif;
    }

    .font-3-l {
        font: 500 1.125rem/1 "Roboto", sans-serif;
    }

    .font-5-m {
        font: 700 0.875rem/1.1 "Roboto", sans-serif;
    }
}

@media(max-width:480px) {
    .font-1-xxl {
        font: 500 2.25rem/1.1 "Poppins", sans-serif;
    }

    .font-1-s {
        font: 400 0.75rem/1.5 "Roboto", sans-serif;
    }
}

@media(max-width: 520px) {
    .font-2-l {
        font: 400 1rem/1.125 "Roboto", sans-serif;
    }
}

@media(max-width:530px) {
    .font-4-l {
        font: 500 1.25rem/1 "Roboto", sans-serif;
    }
}