:root {
    /* Viewport Height */
    --vh: 100vh;
    /* Width and Gutters */
    --vs-gutter-x: 10px; /* Virtus Default 1.5rem */
    --vs-gutter-y: 0;
    --vs-padding-small-x: 0;
    --vs-padding-large-x: 0;
    --max-vw: 1800px;
    /* Margin and padding values */
    --margin-0: 0rem;
    --margin-1: 0.25rem;
    --margin-2: 0.5rem;
    --margin-3: 1rem;
    --margin-4: 1.5rem;
    --margin-5: 3rem;
    --margin-6: 6rem;
    --margin-7: 9rem;
    --margin-8: 12rem;
    --margin-9: 15rem;
    --margin-10: 20rem;
    --margin-n1: -0.25rem;
    --margin-n2: -0.5rem;
    --margin-n3: -1rem;
    --margin-n4: -1.5rem;
    --margin-n5: -3rem;
    --margin-n6: -6rem;
    --margin-n7: -9rem;
    --margin-n8: -12rem;
    --margin-n9: -15rem;
    --margin-n10: -20rem;

    /* Flexbox alignments */
    --justify-center: center;
    --justify-between: space-between;
    --justify-around: space-around;
    --justify-evenly: space-evenly;
    --justify-start: flex-start;
    --justify-end: flex-end;
    --align-start: flex-start;
    --align-center: center;
    --align-end: flex-end;

    /* Cols and Offset percentages */
    --col-1: 8.33333333%;
    --col-2: 16.66666667%;
    --col-3: 25%;
    --col-4: 33.33333333%;
    --col-5: 41.66666667%;
    --col-6: 50%;
    --col-7: 58.33333333%;
    --col-8: 66.66666667%;
    --col-9: 75%;
    --col-10: 83.33333333%;
    --col-11: 91.66666667%;
    --col-12: 100%;
    --col-n1: -8.33333333%;
    --col-n2: -16.66666667%;
    --col-n3: -25%;
    --col-n4: -33.33333333%;
    --col-n5: -41.66666667%;
    --col-n6: -50%;
    --col-n7: -58.33333333%;
    --col-n8: -66.66666667%;
    --col-n9: -75%;
    --col-n10: -83.33333333%;
    --col-n11: -91.66666667%;
    --col-n12: -100%;

    /* Spacing variables */
    --sp-xs: 3.125rem; /* 50px */
    --sp-s: 3.125rem; /* 50px */
    --sp-m: 3.125rem; /* 50px */
    --sp-l: 5rem; /* 80px */
    --sp-xl: 6.25rem; /* 100px */
}

/* HEADER SPACING */
/* #smooth-content {
    padding-top: 145px;
} */

@media (min-width: 576px) {
    :root {
        --vs-gutter-x: 64px;
        --vs-gutter-y: 0;
    }
}
@media (min-width: 744px) {
    /* #smooth-content {
        padding-top: 175px;
    } */
    :root {
        --vs-gutter-x: 20px;
        --vs-gutter-y: 0;
        --vs-padding-small-x: 89px;
        --vs-padding-large-x: 89px;
        --sp-xs: 4.375rem; /* 70px */
        --sp-s: 4.375rem; /* 70px */
        --sp-m: 6.25rem; /* 100px */
        --sp-l: 9.375rem; /* 150px */
        --sp-xl: 12.5rem; /* 200px */
    }
}
@media (min-width: 1200px) {
    /* #smooth-content {
        padding-top: 185px;
    } */
    :root {
        --vs-gutter-x: 80px;
        --vs-gutter-y: 0;
        --vs-padding-small-x: 126px;
        --vs-padding-large-x: 178px;
        --sp-xs: 4.375rem; /* 70px */
        --sp-s: 6.25rem; /* 100px */
        --sp-m: 9.375rem; /* 150px */
        --sp-l: 12.5rem; /* 200px */
        --sp-xl: 18.75rem; /* 300px */
    }
}