.font-p-xl {
    font-size: 2.5rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.font-p-l {
    font-size: 2rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}


.font-p-m {
    font-size: 1.5rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.font-s-m {
    font-size: 1.5rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}


.font-p-s {
    font-size: 1.125rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}


.font-pb-s {
    font-size: 1.125rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.font-p-sm {
    font-size: 1rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.font-s-s {
    font-size: 1.125rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}


.font-s-sm {
    font-size: 0.875rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.font-s-ss {
    font-size: 0.625rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

@media(max-width:800px) {
    .font-p-xl {
        font-size: 1.6rem;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    }

    .font-p-l {
        font-size: 1.5rem;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    }


    .font-p-m {
        font-size: 1.2rem;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    }

    .font-s-m {
        font-size: 1.125rem;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    }


    .font-p-s {
        font-size: 1.125rem;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
    }


    .font-pb-s {
        font-size: 1.125rem;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    }

    .font-p-sm {
        font-size: 1rem;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    }

    .font-s-s {
        font-size: 1.125rem;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }


    .font-s-sm {
        font-size: 0.875rem;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }

    .font-s-ss {
        font-size: 0.625rem;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }

}