:root {
    /* Width and Gutters */
    /* --vs-e-gutter-x: 20px; */
    --vs-gutter-x: 40px; /* Virtus Default 1.5rem */
    --vs-padding-x: 30px;
    --vs-gutter-y: 0;
    --max-vw: 100%;
    /* Margin and padding values */
    --margin-0: 0rem;
    --margin-1: 0.625rem; /* 10px */
    --margin-2: 1.25rem; /* 20px */
    --margin-3: 1.5625rem; /* 25px */
    --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: 5.625rem; /* 90px */
    --margin-10: 6.25rem; /* 100px */
    --margin-n1: -0.625rem;
    --margin-n2: -1.25rem;
    --margin-n3: -1.5625rem;
    --margin-n4: -1.875rem;
    --margin-n5: -2.5rem;
    --margin-n6: -3.125rem;
    --margin-n7: -3.75rem;
    --margin-n8: -4.375rem;
    --margin-n9: -5.625rem;
    --margin-n10: -8.125rem;

    /* 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-xxs: 1.875rem; /* 30px */
    --sp-xs: 3.125rem; /* 50px */
    --sp-s: 3.125rem; /* 50px */
    --sp-m: 3.75rem; /* 60px */
    --sp-l: 4.375rem; /* 70px */
    --sp-xl: 4.375rem; /* 70px */
    --sp-xxl: 6.25rem; /* 100px */
}
@media (min-width: 576px) {
    :root {
        /* --vs-e-gutter-x: 64px; */
        --vs-gutter-x: 64px;
        --vs-padding-x: 64px;
        --vs-gutter-y: 0
    }
}
@media (min-width: 744px) {
    :root {
        --vs-e-gutter-x: 0;
        --vs-padding-x: 30px;
        --vs-gutter-x: 40px;
        --vs-gutter-y: 0;
        --sp-xxs: calc(2.5rem + ((1vw - 0.48rem) * 4.6296)); /* 40px > 60px */
        --sp-xs: calc(3.75rem + ((1vw - 0.48rem) * 4.6296)); /* 60px > 80px */
        --sp-s: calc(5rem + ((1vw - 0.48rem) * 4.6296)); /* 80px > 100px */
        --sp-m: calc(5rem + ((1vw - 0.48rem) * 9.2593)); /* 80px > 120px */
        --sp-l: calc(6.25rem + ((1vw - 0.48rem) * 11.5741)); /* 100px > 150px */
        --sp-xl: calc(8.125rem + ((1vw - 0.48rem) * 16.2037)); /* 130px > 200px */
        --sp-xxl: calc(10.625rem + ((1vw - 0.48rem) * 18.5185)); /* 170px > 250px */
    }
}
@media (min-width: 1200px) {
    :root {
        --max-vw: 1800px;
        --vs-e-gutter-x: 20px;
        --vs-padding-x: 30px;
        --vs-gutter-x: 40px;
        --vs-gutter-y: 0;
    }
}
@media (min-width: 1800px) {
    :root {
        --max-vw: 1800px;
        --vs-e-gutter-x: 20px;
        --vs-padding-x: 64px;
        --vs-gutter-x: 40px;
        --vs-gutter-y: 0;
        --sp-xxs: 3.75rem; /* 60px */
        --sp-xs: 5rem; /* 80px */
        --sp-s: 6.25rem; /* 100px */
        --sp-m: 7.5rem; /* 120px */
        --sp-l: 9.375rem; /* 150px */
        --sp-xl: 12.5rem; /* 200px */
        --sp-xxl: 15.625rem; /* 250px */
    }
}
@media (min-width: 1921px) {
    :root {
        --vs-e-gutter-x: 20px;
        --vs-padding-x: 200px;
    }
}