.grid {
    display: grid;
}
.grid--2 {
    grid-template-columns: repeat(2, 1fr);
}
.grid--3 {
    grid-template-columns: repeat(3, 1fr);
}
.grid--4 {
    grid-template-columns: repeat(4, 1fr);
}
.grid--5 {
    grid-template-columns: repeat(5, 1fr);
}

.sub-heading {
    font-size: var(--fs-300);
    font-weight: 700;
}

@media (min-width: 768px) {
    .grid--md-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid--md-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .grid--md-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .grid--md-5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .grid--md-6 {
        grid-template-columns: repeat(6, 1fr);
    }
}
@media (min-width: 992px) {
    .grid--lg-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid--lg-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .grid--lg-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .grid--lg-5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .grid--lg-6 {
        grid-template-columns: repeat(6, 1fr);
    }
    .fs-lg-100 {
        font-size: var(--fs-100);
    }
    .fs-lg-200 {
        font-size: var(--fs-200);
    }
    .fs-lg-300 {
        font-size: var(--fs-300);
    }
    .fs-lg-400 {
        font-size: var(--fs-400);
    }
    .fs-lg-500 {
        font-size: var(--fs-500);
    }
    .fs-lg-600 {
        font-size: var(--fs-600);
    }
    .fs-lg-700 {
        font-size: var(--fs-700);
    }
    .fs-lg-800 {
        font-size: var(--fs-800);
    }
    .lh-lg-400 {
        line-height: var(--lh-400);
    }
    .lh-lg-500 {
        line-height: var(--lh-500);
    }
    .sub-heading {
        font-size: var(--fs-400);
    }
}
@media (min-width: 1025px) {
    .grid-xl {
        display: grid;
    }
    .grid--xl-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid--xl-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .grid--xl-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .grid--xl-5 {
        grid-template-columns: repeat(5, 1fr);
    }
}