:root {
    /* Width and Gutters */
    /* --vs-e-gutter-x: 20px; */
    --vs-padding-x: 30px;
    --vs-gutter-x: 15px; /* Virtus Default 1.5rem */
    --vs-gutter-y: 0;
    --max-vw: 100%;
    /* Margin and padding values */
    --margin-0: 0rem;
    --margin-1: 0.625rem; /* 10px */
    --margin-2: 0.9375rem; /* 15px */
    --margin-3: 1.25rem; /* 20px */
    --margin-4: 1.875rem; /* 30px */
    --margin-5: 2.5rem; /* 40px */
    --margin-6: 3.125rem; /* 50px */
    --margin-7: 3.75rem; /* 60px */
    --margin-8: 4.375rem; /* 70px */
    --margin-9: 5rem; /* 80px */
    --margin-10: 6.25rem; /* 100px */
    --margin-n1: -0.625rem;
    --margin-n2: -0.9375rem;
    --margin-n3: -1.25rem;
    --margin-n4: -1.875rem;
    --margin-n5: -2.5rem;
    --margin-n6: -3.125rem;
    --margin-n7: -3.75rem;
    --margin-n8: -4.375rem;
    --margin-n9: -5rem;
    --margin-n10: -6.25rem;

    /* 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-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%;

    /* Spacing variables */
    --sp-s: calc(5rem + ((1vw - 0.225rem) * 4.902)); /* 80px > 100px */
    --sp-m: calc(6.25rem + ((1vw - 0.225rem) * 4.902)); /* 100px > 130px */
    --sp-l: calc(7.5rem + ((1vw - 0.225rem) * 2.451)); /* 120px > 130px */
    --sp-xl: calc(10rem + ((1vw - 0.225rem) * 4.902)); /* 160px > 180px */
}
@media (min-width: 576px) {
    :root {
        /* --vs-e-gutter-x: 64px; */
        --vs-padding-x: 30px;
        --vs-gutter-x: 64px;
        --vs-gutter-y: 0
    }
}
@media (min-width: 744px) {
    :root {
        /* --vs-e-gutter-x: 0; */
        --vs-padding-x: 80px;
        --vs-gutter-x: 20px;
        --vs-gutter-y: 0;
        --sp-s: calc(6.25rem + ((1vw - 0.48rem) * 4.6296)); /* 100px > 120px */
        --sp-m: calc(7.5rem + ((1vw - 0.48rem) * 4.6296)); /* 120px > 140px */
        --sp-l: calc(8.125rem + ((1vw - 0.48rem) * 6.9444)); /* 130px > 160px */
        --sp-xl: calc(11.25rem + ((1vw - 0.48rem) * 4.6296)); /* 180px > 200px */
    }
}
@media (min-width: 1200px) {
    :root {
        --max-vw: 1800px;
        /* --vs-e-gutter-x: 20px; */
        --vs-padding-x: 40px;
        --vs-gutter-x: 30px;
        --vs-gutter-y: 0;
        --sp-s: calc(7.5rem + ((1vw - 0.75rem) * 1.6667)); /* 120px > 130px */
        --sp-m: calc(8.75rem + ((1vw - 0.75rem) * 3.3333)); /* 140px > 160px */
        --sp-l: calc(10rem + ((1vw - 0.75rem) * 6.6667)); /* 160px > 200px */
        --sp-xl: calc(12.5rem + ((1vw - 0.75rem) * 8.3333)); /* 200px > 250px */
    }
}
@media (min-width: 1800px) {
    :root {
        --max-vw: 1920px;
        --vs-padding-x: 160px;
        --vs-e-gutter-x: 40px;
        --vs-gutter-x: 30px;
        --vs-gutter-y: 0;
        --sp-s: 8.125rem; /* 130px */
        --sp-m: 10rem; /* 160px */
        --sp-l: 12.5rem; /* 200px */
        --sp-xl: 15.625rem; /* 250px */
    }
}