/* ========================= */
/* FONT GROUP                */
/* ========================= */

.font-group {
    display: flex;
}

.font-select {
    width: 180px;

    padding: 6px;

    border-radius: 8px;

    border: 1px solid rgba(0,0,0,0.15);

    background: white;

    font-size: 0.85rem;

    cursor: pointer;
}

/* ========================= */
/* DROPDOWN FIX              */
/* ========================= */

.font-select option {
    padding: 6px;
}

/* ======================================================== */
/* RESPONSIVE                                                */
/* ======================================================== */

@media (max-width: 768px) {

    .font-select {
        width: 150px;
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {

    .font-select {
        width: 130px;
        font-size: 0.75rem;
        padding: 5px;
    }
}