/* Bold */
.is-bold { font-weight: bold; }

/* Helpers */
.has-no-wrap {
    white-space: nowrap;
}

/* Font size in em */
.is-size-08em { font-size: 0.8em; line-height: 1em; }
.is-size-1em { font-size: 1em; line-height: 1em; }
.is-size-2em { font-size: 2em; line-height: 1em; }
.is-size-3em { font-size: 3em; line-height: 1em; }
.is-size-4em { font-size: 4em; line-height: 1em; }

/* Default styles (mobile-first approach) */
.is-size-2px { font-size: 2px; line-height: 2px; }
.is-size-4px { font-size: 4px; line-height: 4px; }
.is-size-8px { font-size: 8px; line-height: 8px; }
.is-size-16px { font-size: 16px; line-height: 16px; }
.is-size-32px { font-size: 32px; line-height: 32px; }
.is-size-64px { font-size: 64px; line-height: 64px; }

/* Mobile */
@media (max-width: 768px) {
    .is-size-2px-mobile { font-size: 2px; line-height: 2px; }
    .is-size-4px-mobile { font-size: 4px; line-height: 4px; }
    .is-size-8px-mobile { font-size: 8px; line-height: 8px; }
    .is-size-16px-mobile { font-size: 16px; line-height: 16px; }
    .is-size-32px-mobile { font-size: 32px; line-height: 32px; }
    .is-size-64px-mobile { font-size: 64px; line-height: 64px; }
}

/* Tablet */
@media (min-width: 769px) {
    .is-size-2px-tablet { font-size: 2px; line-height: 2px; }
    .is-size-4px-tablet { font-size: 4px; line-height: 4px; }
    .is-size-8px-tablet { font-size: 8px; line-height: 8px; }
    .is-size-16px-tablet { font-size: 16px; line-height: 16px; }
    .is-size-32px-tablet { font-size: 32px; line-height: 32px; }
    .is-size-64px-tablet { font-size: 64px; line-height: 64px; }
}

/* Desktop */
@media (min-width: 1024px) {
    .is-size-2px-desktop { font-size: 2px; line-height: 2px; }
    .is-size-4px-desktop { font-size: 4px; line-height: 4px; }
    .is-size-8px-desktop { font-size: 8px; line-height: 8px; }
    .is-size-16px-desktop { font-size: 16px; line-height: 16px; }
    .is-size-32px-desktop { font-size: 32px; line-height: 32px; }
    .is-size-64px-desktop { font-size: 64px; line-height: 64px; }
}

/* Widescreen */
@media (min-width: 1216px) {
    .is-size-2px-widescreen { font-size: 2px; line-height: 2px; }
    .is-size-4px-widescreen { font-size: 4px; line-height: 4px; }
    .is-size-8px-widescreen { font-size: 8px; line-height: 8px; }
    .is-size-16px-widescreen { font-size: 16px; line-height: 16px; }
    .is-size-32px-widescreen { font-size: 32px; line-height: 32px; }
    .is-size-64px-widescreen { font-size: 64px; line-height: 64px; }
}

/* FullHD */
@media (min-width: 1408px) {
    .is-size-2px-fullhd { font-size: 2px; line-height: 2px; }
    .is-size-4px-fullhd { font-size: 4px; line-height: 4px; }
    .is-size-8px-fullhd { font-size: 8px; line-height: 8px; }
    .is-size-16px-fullhd { font-size: 16px; line-height: 16px; }
    .is-size-32px-fullhd { font-size: 32px; line-height: 32px; }
    .is-size-64px-fullhd { font-size: 64px; line-height: 64px; }
}