/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    PROPRIÉTÉ : MARGIN
    Styles liés à la propriété margin
*/

/*
    01 - XS
        Margin
        Margin Y
        Margin X
        Margin-top
        Margin-right
        Margin-bottom
        Margin-left
    02 - SM
    03 - MD
    04 - LG
    05 - XL
    06 - XXL
*/



/* -----------------
    01 - XS
        Margin
----------------- */

.m-0 {
    margin: 0;
}

.m-3px {
    margin: .3rem;
}

    .m-n3px {
        margin: -.3rem;
    }

.m-5px {
    margin: .5rem;
}

    .m-n5px {
        margin: -.5rem;
    }

.m-8px {
    margin: .8rem;
}

    .m-n8px {
        margin: -.8rem;
    }

.m-10px {
    margin: 1rem;
}

    .m-n10px {
        margin: -1rem;
    }

.m-15px {
    margin: 1.5rem;
}

    .m-n15px {
        margin: -1.5rem;
    }

.m-30px {
    margin: 3rem;
}

    .m-n30px {
        margin: -3rem;
    }

.m-40px {
    margin: 4rem;
}

    .m-n40px {
        margin: -4rem;
    }

.m-50px {
    margin: 5rem;
}

    .m-n50px {
        margin: -5rem;
    }

.m-60px {
    margin: 6rem;
}

    .m-n60px {
        margin: -6rem;
    }

.m-70px {
    margin: 7rem;
}

    .m-n70px {
        margin: -7rem;
    }

.m-80px {
    margin: 8rem;
}

    .m-n80px {
        margin: -8rem;
    }

.m-90px {
    margin: 9rem;
}

    .m-n90px {
        margin: -9rem;
    }

.m-100px {
    margin: 10rem;
}

    .m-n100px {
        margin: -10rem;
    }

.m-auto {
    margin: auto;
}



/* -----------------
    01 - XS
        Margin Y
----------------- */

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.my-3px {
    margin-top: .3rem;
    margin-bottom: .3rem;
}

    .my-n3px {
        margin-top: -.3rem;
        margin-bottom: -.3rem;
    }

.my-5px {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

    .my-n5px {
        margin-top: -.5rem;
        margin-bottom: -.5rem;
    }

.my-8px {
    margin-top: .8rem;
    margin-bottom: .8rem;
}

    .my-n8px {
        margin-top: -.8rem;
        margin-bottom: -.8rem;
    }

.my-10px {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

    .my-n10px {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }

.my-15px {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

    .my-n15px {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem;
    }

.my-30px {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

    .my-n30px {
        margin-top: -3rem;
        margin-bottom: -3rem;
    }

.my-40px {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

    .my-n40px {
        margin-top: -4rem;
        margin-bottom: -4rem;
    }

.my-50px {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

    .my-n50px {
        margin-top: -5rem;
        margin-bottom: -5rem;
    }

.my-60px {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

    .my-n60px {
        margin-top: -6rem;
        margin-bottom: -6rem;
    }

.my-70px {
    margin-top: 7rem;
    margin-bottom: 7rem;
}

    .my-n70px {
        margin-top: -7rem;
        margin-bottom: -7rem;
    }

.my-80px {
    margin-top: 8rem;
    margin-bottom: 8rem;
}

    .my-n80px {
        margin-top: -8rem;
        margin-bottom: -8rem;
    }

.my-90px {
    margin-top: 9rem;
    margin-bottom: 9rem;
}

    .my-n90px {
        margin-top: -9rem;
        margin-bottom: -9rem;
    }

.my-100px {
    margin-top: 10rem;
    margin-bottom: 10rem;
}

    .my-n100px {
        margin-top: -10rem;
        margin-bottom: -10rem;
    }

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}



/* -----------------
    01 - XS
        Margin X
----------------- */

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.mx-3px {
    margin-left: .3rem;
    margin-right: .3rem;
}

    .mx-n3px {
        margin-left: -.3rem;
        margin-right: -.3rem;
    }

.mx-5px {
    margin-left: .5rem;
    margin-right: .5rem;
}

    .mx-n5px {
        margin-left: -.5rem;
        margin-right: -.5rem;
    }

.mx-8px {
    margin-left: .8rem;
    margin-right: .8rem;
}

    .mx-n8px {
        margin-left: -.8rem;
        margin-right: -.8rem;
    }

.mx-10px {
    margin-left: 1rem;
    margin-right: 1rem;
}

    .mx-n10px {
        margin-left: -1rem;
        margin-right: -1rem;
    }

.mx-15px {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

    .mx-n15px {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }

.mx-20px {
    margin-left: 2rem;
    margin-right: 2rem;
}

    .mx-n20px {
        margin-left: -2rem;
        margin-right: -2rem;
    }

.mx-25px {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}

    .mx-n25px {
        margin-left: -2.5rem;
        margin-right: -2.5rem;
    }

.mx-30px {
    margin-left: 3rem;
    margin-right: 3rem;
}

    .mx-n30px {
        margin-left: -3rem;
        margin-right: -3rem;
    }

.mx-40px {
    margin-left: 4rem;
    margin-right: 4rem;
}

    .mx-n40px {
        margin-left: -4rem;
        margin-right: -4rem;
    }

.mx-50px {
    margin-left: 5rem;
    margin-right: 5rem;
}

    .mx-n50px {
        margin-left: -5rem;
        margin-right: -5rem;
    }

.mx-60px {
    margin-left: 6rem;
    margin-right: 6rem;
}

    .mx-n60px {
        margin-left: -6rem;
        margin-right: -6rem;
    }

.mx-70px {
    margin-left: 7rem;
    margin-right: 7rem;
}

    .mx-n70px {
        margin-left: -7rem;
        margin-right: -7rem;
    }

.mx-80px {
    margin-left: 8rem;
    margin-right: 8rem;
}

    .mx-n80px {
        margin-left: -8rem;
        margin-right: -8rem;
    }

.mx-90px {
    margin-left: 9rem;
    margin-right: 9rem;
}

    .mx-n90px {
        margin-left: -9rem;
        margin-right: -9rem;
    }

.mx-100px {
    margin-left: 10rem;
    margin-right: 10rem;
}

    .mx-n100px {
        margin-left: -10rem;
        margin-right: -10rem;
    }

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}


/* -----------------
    01 - XS
        Margin-top
----------------- */

.mt-0 {
    margin-top: 0;
}

.mt-3px {
    margin-top: .3rem;
}

    .mt-n3px {
        margin-top: -.3rem;
    }

.mt-5px {
    margin-top: .5rem;
}

    .mt-n5px {
        margin-top: -.5rem;
    }

.mt-8px {
    margin-top: .8rem;
}

    .mt-n8px {
        margin-top: -.8rem;
    }

.mt-10px {
    margin-top: 1rem;
}

    .mt-n10px {
        margin-top: -1rem;
    }

.mt-15px {
    margin-top: 1.5rem;
}

    .mt-n15px {
        margin-top: -1.5rem;
    }

.mt-20px {
    margin-top: 2rem;
}

    .mt-n20px {
        margin-top: -2rem;
    }

.mt-25px {
    margin-top: 2.5rem;
}

    .mt-n25px {
        margin-top: -2.5rem;
    }

.mt-30px {
    margin-top: 3rem;
}

    .mt-n30px {
        margin-top: -3rem;
    }

.mt-40px {
    margin-top: 4rem;
}

    .mt-n40px {
        margin-top: -4rem;
    }

.mt-50px {
    margin-top: 5rem;
}

    .mt-n50px {
        margin-top: -5rem;
    }

.mt-60px {
    margin-top: 6rem;
}

    .mt-n60px {
        margin-top: -6rem;
    }

.mt-70px {
    margin-top: 7rem;
}

    .mt-n70px {
        margin-top: -7rem;
    }

.mt-80px {
    margin-top: 8rem;
}

    .mt-n80px {
        margin-top: -8rem;
    }

.mt-90px {
    margin-top: 9rem;
}

    .mt-n90px {
        margin-top: -9rem;
    }

.mt-100px {
    margin-top: 10rem;
}

    .mt-n100px {
        margin-top: -10rem;
    }

.mt-120px {
    margin-top: 12rem;
}

    .mt-n120px {
        margin-top: -12rem;
    }

.mt-130px {
    margin-top: 13rem;
}

    .mt-n130px {
        margin-top: -13rem;
    }

.mt-160px {
    margin-top: 16rem;
}

    .mt-n160px {
        margin-top: -16rem;
    }

.mt-170px {
    margin-top: 17rem;
}

    .mt-n170px {
        margin-top: -17rem;
    }

.mt-190px {
    margin-top: 19rem;
}

    .mt-n190px {
        margin-top: -19rem;
    }

.mt-auto {
    margin-top: auto;
}



/* -----------------
    01 - XS
        Margin-right
----------------- */

.mr-0 {
    margin-right: 0;
}

.mr-3px {
    margin-right: .3rem;
}

    .mr-n3px {
        margin-right: -.3rem;
    }

.mr-5px {
    margin-right: .5rem;
}

    .mr-n5px {
        margin-right: -.5rem;
    }

.mr-8px {
    margin-right: .8rem;
}

    .mr-n8px {
        margin-right: -.8rem;
    }

.mr-10px {
    margin-right: 1rem;
}

    .mr-n10px {
        margin-right: -1rem;
    }

.mr-15px {
    margin-right: 1.5rem;
}

    .mr-n15px {
        margin-right: -1.5rem;
    }

.mr-30px {
    margin-right: 3rem;
}

    .mr-n30px {
        margin-right: -3rem;
    }

.mr-40px {
    margin-right: 4rem;
}

    .mr-n40px {
        margin-right: -4rem;
    }

.mr-50px {
    margin-right: 5rem;
}

    .mr-n50px {
        margin-right: -5rem;
    }

.mr-60px {
    margin-right: 6rem;
}

    .mr-n60px {
        margin-right: -6rem;
    }

.mr-70px {
    margin-right: 7rem;
}

    .mr-n70px {
        margin-right: -7rem;
    }

.mr-80px {
    margin-right: 8rem;
}

    .mr-n80px {
        margin-right: -8rem;
    }

.mr-90px {
    margin-right: 9rem;
}

    .mr-n90px {
        margin-right: -9rem;
    }

.mr-100px {
    margin-right: 10rem;
}

    .mr-n100px {
        margin-right: -10rem;
    }

.mr-auto {
    margin-right: auto;
}



/* -----------------
    01 - XS
        Margin-bottom
----------------- */

.mb-0 {
    margin-bottom: 0;
}

.mb-1,
.mb-3px {
    margin-bottom: .3rem;
}

    .mb-n3px {
        margin-bottom: -.3rem;
    }

.mb-2,
.mb-5px {
    margin-bottom: .5rem;
}

    .mb-n5px {
        margin-bottom: -.5rem;
    }

.mb-8px {
    margin-bottom: .8rem;
}

    .mb-n8px {
        margin-bottom: -.8rem;
    }

.mb-3,
.mb-10px {
    margin-bottom: 1rem;
}

    .mb-n10px {
        margin-bottom: -1rem;
    }

.mb-4,
.mb-15px {
    margin-bottom: 1.5rem;
}

    .mb-n15px {
        margin-bottom: -1.5rem;
    }

.mb-20px {
    margin-bottom: 2rem;
}

    .mb-n20px {
        margin-bottom: -2rem;
    }

.mb-25px {
    margin-bottom: 2.5rem;
}

    .mb-n25px {
        margin-bottom: -2.5rem;
    }

.mb-5,
.mb-30px {
    margin-bottom: 3rem;
}

    .mb-n30px {
        margin-bottom: -3rem;
    }

.mb-40px {
    margin-bottom: 4rem;
}

    .mb-n40px {
        margin-bottom: -4rem;
    }

.mb-50px {
    margin-bottom: 5rem;
}

    .mb-n50px {
        margin-bottom: -5rem;
    }

.mb-60px {
    margin-bottom: 6rem;
}

    .mb-n60px {
        margin-bottom: -6rem;
    }

.mb-70px {
    margin-bottom: 7rem;
}

    .mb-n70px {
        margin-bottom: -7rem;
    }

.mb-80px {
    margin-bottom: 8rem;
}

    .mb-n80px {
        margin-bottom: -8rem;
    }

.mb-90px {
    margin-bottom: 9rem;
}

    .mb-n90px {
        margin-bottom: -9rem;
    }

.mb-100px {
    margin-bottom: 10rem;
}

    .mb-n100px {
        margin-bottom: -10rem;
    }

.mb-115px {
    margin-bottom: 11.5rem;
}

    .mb-n115px {
        margin-bottom: -11.5rem;
    }

.mb-190px {
    margin-bottom: 19rem;
}

    .mb-n190px {
        margin-bottom: -19rem;
    }

.mb-auto {
    margin-bottom: auto;
}



/* -----------------
    01 - XS
        Margin-left
----------------- */

.ml-0 {
    margin-left: 0;
}

.ml-3px {
    margin-left: .3rem;
}

    .ml-n3px {
        margin-left: -.3rem;
    }

.ml-5px {
    margin-left: .5rem;
}

    .ml-n5px {
        margin-left: -.5rem;
    }

.ml-8px {
    margin-left: .8rem;
}

    .ml-n8px {
        margin-left: -.8rem;
    }

.ml-10px {
    margin-left: 1rem;
}

    .ml-n10px {
        margin-left: -1rem;
    }

.ml-15px {
    margin-left: 1.5rem;
}

    .ml-n15px {
        margin-left: -1.5rem;
    }

.ml-20px {
    margin-left: 2rem;
}

    .ml-n20px {
        margin-left: -2rem;
    }

.ml-30px {
    margin-left: 3rem;
}

    .ml-n30px {
        margin-left: -3rem;
    }

.ml-40px {
    margin-left: 4rem;
}

    .ml-n40px {
        margin-left: -4rem;
    }

.ml-50px {
    margin-left: 5rem;
}

    .ml-n50px {
        margin-left: -5rem;
    }

.ml-60px {
    margin-left: 6rem;
}

    .ml-n60px {
        margin-left: -6rem;
    }

.ml-70px {
    margin-left: 7rem;
}

    .ml-n70px {
        margin-left: -7rem;
    }

.ml-80px {
    margin-left: 8rem;
}

    .ml-n80px {
        margin-left: -8rem;
    }

.ml-90px {
    margin-left: 9rem;
}

    .ml-n90px {
        margin-left: -9rem;
    }

.ml-100px {
    margin-left: 10rem;
}

    .ml-n100px {
        margin-left: -10rem;
    }

.ml-auto {
    margin-left: auto;
}



/* -----------------
    02 - SM
        Margin
----------------- */

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0;
    }

    .m-sm-3px {
        margin: .3rem;
    }

        .m-sm-n3px {
            margin: -.3rem;
        }

    .m-sm-5px {
        margin: .5rem;
    }

        .m-sm-n5px {
            margin: -.5rem;
        }

    .m-sm-8px {
        margin: .8rem;
    }

        .m-sm-n8px {
            margin: -.8rem;
        }

    .m-sm-10px {
        margin: 1rem;
    }

        .m-sm-n10px {
            margin: -1rem;
        }

    .m-sm-15px {
        margin: 1.5rem;
    }

        .m-sm-n15px {
            margin: -1.5rem;
        }

    .m-sm-30px {
        margin: 3rem;
    }

        .m-sm-n30px {
            margin: -3rem;
        }

    .m-sm-40px {
        margin: 4rem;
    }

        .m-sm-n40px {
            margin: -4rem;
        }

    .m-sm-50px {
        margin: 5rem;
    }

        .m-sm-n50px {
            margin: -5rem;
        }

    .m-sm-60px {
        margin: 6rem;
    }

        .m-sm-n60px {
            margin: -6rem;
        }

    .m-sm-70px {
        margin: 7rem;
    }

        .m-sm-n70px {
            margin: -7rem;
        }

    .m-sm-80px {
        margin: 8rem;
    }

        .m-sm-n80px {
            margin: -8rem;
        }

    .m-sm-90px {
        margin: 9rem;
    }

        .m-sm-n90px {
            margin: -9rem;
        }

    .m-sm-100px {
        margin: 10rem;
    }

        .m-sm-n100px {
            margin: -10rem;
        }

    .m-sm-auto {
        margin: auto;
    }
}



/* -----------------
    02 - SM
        Margin Y
----------------- */

@media (min-width: 576px) {
    .my-sm-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .my-sm-3px {
        margin-top: .3rem;
        margin-bottom: .3rem;
    }

        .my-sm-n3px {
            margin-top: -.3rem;
            margin-bottom: -.3rem;
        }

    .my-sm-5px {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

        .my-sm-n5px {
            margin-top: -.5rem;
            margin-bottom: -.5rem;
        }

    .my-sm-8px {
        margin-top: .8rem;
        margin-bottom: .8rem;
    }

        .my-sm-n8px {
            margin-top: -.8rem;
            margin-bottom: -.8rem;
        }

    .my-sm-10px {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

        .my-sm-n10px {
            margin-top: -1rem;
            margin-bottom: -1rem;
        }

    .my-sm-15px {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

        .my-sm-n15px {
            margin-top: -1.5rem;
            margin-bottom: -1.5rem;
        }

    .my-sm-30px {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

        .my-sm-n30px {
            margin-top: -3rem;
            margin-bottom: -3rem;
        }

    .my-sm-40px {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

        .my-sm-n40px {
            margin-top: -4rem;
            margin-bottom: -4rem;
        }

    .my-sm-50px {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

        .my-sm-n50px {
            margin-top: -5rem;
            margin-bottom: -5rem;
        }

    .my-sm-60px {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

        .my-sm-n60px {
            margin-top: -6rem;
            margin-bottom: -6rem;
        }

    .my-sm-70px {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

        .my-sm-n70px {
            margin-top: -7rem;
            margin-bottom: -7rem;
        }

    .my-sm-80px {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

        .my-sm-n80px {
            margin-top: -8rem;
            margin-bottom: -8rem;
        }

    .my-sm-90px {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

        .my-sm-n90px {
            margin-top: -9rem;
            margin-bottom: -9rem;
        }

    .my-sm-100px {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }

        .my-sm-n100px {
            margin-top: -10rem;
            margin-bottom: -10rem;
        }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
    }
}



/* -----------------
    02 - SM
        Margin X
----------------- */

@media (min-width: 576px) {
    .mx-sm-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .mx-sm-3px {
        margin-left: .3rem;
        margin-right: .3rem;
    }

        .mx-sm-n3px {
            margin-left: -.3rem;
            margin-right: -.3rem;
        }

    .mx-sm-5px {
        margin-left: .5rem;
        margin-right: .5rem;
    }

        .mx-sm-n5px {
            margin-left: -.5rem;
            margin-right: -.5rem;
        }

    .mx-sm-8px {
        margin-left: .8rem;
        margin-right: .8rem;
    }

        .mx-sm-n8px {
            margin-left: -.8rem;
            margin-right: -.8rem;
        }

    .mx-sm-10px {
        margin-left: 1rem;
        margin-right: 1rem;
    }

        .mx-sm-n10px {
            margin-left: -1rem;
            margin-right: -1rem;
        }

    .mx-sm-15px {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

        .mx-sm-n15px {
            margin-left: -1.5rem;
            margin-right: -1.5rem;
        }

    .mx-sm-30px {
        margin-left: 3rem;
        margin-right: 3rem;
    }

        .mx-sm-n30px {
            margin-left: -3rem;
            margin-right: -3rem;
        }

    .mx-sm-40px {
        margin-left: 4rem;
        margin-right: 4rem;
    }

        .mx-sm-n40px {
            margin-left: -4rem;
            margin-right: -4rem;
        }

    .mx-sm-50px {
        margin-left: 5rem;
        margin-right: 5rem;
    }

        .mx-sm-n50px {
            margin-left: -5rem;
            margin-right: -5rem;
        }

    .mx-sm-60px {
        margin-left: 6rem;
        margin-right: 6rem;
    }

        .mx-sm-n60px {
            margin-left: -6rem;
            margin-right: -6rem;
        }

    .mx-sm-70px {
        margin-left: 7rem;
        margin-right: 7rem;
    }

        .mx-sm-n70px {
            margin-left: -7rem;
            margin-right: -7rem;
        }

    .mx-sm-80px {
        margin-left: 8rem;
        margin-right: 8rem;
    }

        .mx-sm-n80px {
            margin-left: -8rem;
            margin-right: -8rem;
        }

    .mx-sm-90px {
        margin-left: 9rem;
        margin-right: 9rem;
    }

        .mx-sm-n90px {
            margin-left: -9rem;
            margin-right: -9rem;
        }

    .mx-sm-100px {
        margin-left: 10rem;
        margin-right: 10rem;
    }

        .mx-sm-n100px {
            margin-left: -10rem;
            margin-right: -10rem;
        }

    .mx-sm-auto {
        margin-left: auto;
        margin-right: auto;
    }
}


/* -----------------
    02 - SM
        Margin-top
----------------- */

@media (min-width: 576px) {
    .mt-sm-0 {
        margin-top: 0;
    }

    .mt-sm-3px {
        margin-top: .3rem;
    }

        .mt-sm-n3px {
            margin-top: -.3rem;
        }

    .mt-sm-5px {
        margin-top: .5rem;
    }

        .mt-sm-n5px {
            margin-top: -.5rem;
        }

    .mt-sm-8px {
        margin-top: .8rem;
    }

        .mt-sm-n8px {
            margin-top: -.8rem;
        }

    .mt-sm-10px {
        margin-top: 1rem;
    }

        .mt-sm-n10px {
            margin-top: -1rem;
        }

    .mt-sm-15px {
        margin-top: 1.5rem;
    }

        .mt-sm-n15px {
            margin-top: -1.5rem;
        }

    .mt-sm-30px {
        margin-top: 3rem;
    }

        .mt-sm-n30px {
            margin-top: -3rem;
        }

    .mt-sm-40px {
        margin-top: 4rem;
    }

        .mt-sm-n40px {
            margin-top: -4rem;
        }

    .mt-sm-50px {
        margin-top: 5rem;
    }

        .mt-sm-n50px {
            margin-top: -5rem;
        }

    .mt-sm-60px {
        margin-top: 6rem;
    }

        .mt-sm-n60px {
            margin-top: -6rem;
        }

    .mt-sm-70px {
        margin-top: 7rem;
    }

        .mt-sm-n70px {
            margin-top: -7rem;
        }

    .mt-sm-80px {
        margin-top: 8rem;
    }

        .mt-sm-n80px {
            margin-top: -8rem;
        }

    .mt-sm-90px {
        margin-top: 9rem;
    }

        .mt-sm-n90px {
            margin-top: -9rem;
        }

    .mt-sm-100px {
        margin-top: 10rem;
    }

        .mt-sm-n100px {
            margin-top: -10rem;
        }

    .mt-sm-auto {
        margin-top: auto;
    }
}



/* -----------------
    02 - SM
        Margin-right
----------------- */

@media (min-width: 576px) {
    .mr-sm-0 {
        margin-right: 0;
    }

    .mr-sm-3px {
        margin-right: .3rem;
    }

        .mr-sm-n3px {
            margin-right: -.3rem;
        }

    .mr-sm-5px {
        margin-right: .5rem;
    }

        .mr-sm-n5px {
            margin-right: -.5rem;
        }

    .mr-sm-8px {
        margin-right: .8rem;
    }

        .mr-sm-n8px {
            margin-right: -.8rem;
        }

    .mr-sm-10px {
        margin-right: 1rem;
    }

        .mr-sm-n10px {
            margin-right: -1rem;
        }

    .mr-sm-15px {
        margin-right: 1.5rem;
    }

        .mr-sm-n15px {
            margin-right: -1.5rem;
        }

    .mr-sm-30px {
        margin-right: 3rem;
    }

        .mr-sm-n30px {
            margin-right: -3rem;
        }

    .mr-sm-40px {
        margin-right: 4rem;
    }

        .mr-sm-n40px {
            margin-right: -4rem;
        }

    .mr-sm-50px {
        margin-right: 5rem;
    }

        .mr-sm-n50px {
            margin-right: -5rem;
        }

    .mr-sm-60px {
        margin-right: 6rem;
    }

        .mr-sm-n60px {
            margin-right: -6rem;
        }

    .mr-sm-70px {
        margin-right: 7rem;
    }

        .mr-sm-n70px {
            margin-right: -7rem;
        }

    .mr-sm-80px {
        margin-right: 8rem;
    }

        .mr-sm-n80px {
            margin-right: -8rem;
        }

    .mr-sm-90px {
        margin-right: 9rem;
    }

        .mr-sm-n90px {
            margin-right: -9rem;
        }

    .mr-sm-100px {
        margin-right: 10rem;
    }

        .mr-sm-n100px {
            margin-right: -10rem;
        }

    .mr-sm-auto {
        margin-right: auto;
    }
}



/* -----------------
    02 - SM
        Margin-bottom
----------------- */

@media (min-width: 576px) {
    .mb-sm-0 {
        margin-bottom: 0;
    }

    .mb-sm-3px {
        margin-bottom: .3rem;
    }

        .mb-sm-n3px {
            margin-bottom: -.3rem;
        }

    .mb-sm-5px {
        margin-bottom: .5rem;
    }

        .mb-sm-n5px {
            margin-bottom: -.5rem;
        }

    .mb-sm-8px {
        margin-bottom: .8rem;
    }

        .mb-sm-n8px {
            margin-bottom: -.8rem;
        }

    .mb-sm-10px {
        margin-bottom: 1rem;
    }

        .mb-sm-n10px {
            margin-bottom: -1rem;
        }

    .mb-sm-15px {
        margin-bottom: 1.5rem;
    }

        .mb-sm-n15px {
            margin-bottom: -1.5rem;
        }

    .mb-sm-30px {
        margin-bottom: 3rem;
    }

        .mb-sm-n30px {
            margin-bottom: -3rem;
        }

    .mb-sm-40px {
        margin-bottom: 4rem;
    }

        .mb-sm-n40px {
            margin-bottom: -4rem;
        }

    .mb-sm-50px {
        margin-bottom: 5rem;
    }

        .mb-sm-n50px {
            margin-bottom: -5rem;
        }

    .mb-sm-60px {
        margin-bottom: 6rem;
    }

        .mb-sm-n60px {
            margin-bottom: -6rem;
        }

    .mb-sm-70px {
        margin-bottom: 7rem;
    }

        .mb-sm-n70px {
            margin-bottom: -7rem;
        }

    .mb-sm-80px {
        margin-bottom: 8rem;
    }

        .mb-sm-n80px {
            margin-bottom: -8rem;
        }

    .mb-sm-90px {
        margin-bottom: 9rem;
    }

        .mb-sm-n90px {
            margin-bottom: -9rem;
        }

    .mb-sm-100px {
        margin-bottom: 10rem;
    }

        .mb-sm-n100px {
            margin-bottom: -10rem;
        }

    .mb-sm-auto {
        margin-bottom: auto;
    }
}



/* -----------------
    02 - SM
        Margin-left
----------------- */

@media (min-width: 576px) {
    .ml-sm-0 {
        margin-left: 0;
    }

    .ml-sm-3px {
        margin-left: .3rem;
    }

        .ml-sm-n3px {
            margin-left: -.3rem;
        }

    .ml-sm-5px {
        margin-left: .5rem;
    }

        .ml-sm-n5px {
            margin-left: -.5rem;
        }

    .ml-sm-8px {
        margin-left: .8rem;
    }

        .ml-sm-n8px {
            margin-left: -.8rem;
        }

    .ml-sm-10px {
        margin-left: 1rem;
    }

        .ml-sm-n10px {
            margin-left: -1rem;
        }

    .ml-sm-15px {
        margin-left: 1.5rem;
    }

        .ml-sm-n15px {
            margin-left: -1.5rem;
        }

    .ml-sm-30px {
        margin-left: 3rem;
    }

        .ml-sm-n30px {
            margin-left: -3rem;
        }

    .ml-sm-40px {
        margin-left: 4rem;
    }

        .ml-sm-n40px {
            margin-left: -4rem;
        }

    .ml-sm-50px {
        margin-left: 5rem;
    }

        .ml-sm-n50px {
            margin-left: -5rem;
        }

    .ml-sm-60px {
        margin-left: 6rem;
    }

        .ml-sm-n60px {
            margin-left: -6rem;
        }

    .ml-sm-70px {
        margin-left: 7rem;
    }

        .ml-sm-n70px {
            margin-left: -7rem;
        }

    .ml-sm-80px {
        margin-left: 8rem;
    }

        .ml-sm-n80px {
            margin-left: -8rem;
        }

    .ml-sm-90px {
        margin-left: 9rem;
    }

        .ml-sm-n90px {
            margin-left: -9rem;
        }

    .ml-sm-100px {
        margin-left: 10rem;
    }

        .ml-sm-n100px {
            margin-left: -10rem;
        }

    .ml-sm-auto {
        margin-left: auto;
    }
}



/* -----------------
    03 - MD
        Margin
----------------- */

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0;
    }

    .m-md-3px {
        margin: .3rem;
    }

        .m-md-n3px {
            margin: -.3rem;
        }

    .m-md-5px {
        margin: .5rem;
    }

        .m-md-n5px {
            margin: -.5rem;
        }

    .m-md-8px {
        margin: .8rem;
    }

        .m-md-n8px {
            margin: -.8rem;
        }

    .m-md-10px {
        margin: 1rem;
    }

        .m-md-n10px {
            margin: -1rem;
        }

    .m-md-15px {
        margin: 1.5rem;
    }

        .m-md-n15px {
            margin: -1.5rem;
        }

    .m-md-30px {
        margin: 3rem;
    }

        .m-md-n30px {
            margin: -3rem;
        }

    .m-md-40px {
        margin: 4rem;
    }

        .m-md-n40px {
            margin: -4rem;
        }

    .m-md-50px {
        margin: 5rem;
    }

        .m-md-n50px {
            margin: -5rem;
        }

    .m-md-60px {
        margin: 6rem;
    }

        .m-md-n60px {
            margin: -6rem;
        }

    .m-md-70px {
        margin: 7rem;
    }

        .m-md-n70px {
            margin: -7rem;
        }

    .m-md-80px {
        margin: 8rem;
    }

        .m-md-n80px {
            margin: -8rem;
        }

    .m-md-90px {
        margin: 9rem;
    }

        .m-md-n90px {
            margin: -9rem;
        }

    .m-md-100px {
        margin: 10rem;
    }

        .m-md-n100px {
            margin: -10rem;
        }

    .m-md-auto {
        margin: auto;
    }
}



/* -----------------
    03 - MD
        Margin Y
----------------- */

@media (min-width: 768px) {
    .my-md-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .my-md-3px {
        margin-top: .3rem;
        margin-bottom: .3rem;
    }

        .my-md-n3px {
            margin-top: -.3rem;
            margin-bottom: -.3rem;
        }

    .my-md-5px {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

        .my-md-n5px {
            margin-top: -.5rem;
            margin-bottom: -.5rem;
        }

    .my-md-8px {
        margin-top: .8rem;
        margin-bottom: .8rem;
    }

        .my-md-n8px {
            margin-top: -.8rem;
            margin-bottom: -.8rem;
        }

    .my-md-10px {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

        .my-md-n10px {
            margin-top: -1rem;
            margin-bottom: -1rem;
        }

    .my-md-15px {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

        .my-md-n15px {
            margin-top: -1.5rem;
            margin-bottom: -1.5rem;
        }

    .my-md-30px {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

        .my-md-n30px {
            margin-top: -3rem;
            margin-bottom: -3rem;
        }

    .my-md-40px {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

        .my-md-n40px {
            margin-top: -4rem;
            margin-bottom: -4rem;
        }

    .my-md-50px {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

        .my-md-n50px {
            margin-top: -5rem;
            margin-bottom: -5rem;
        }

    .my-md-60px {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

        .my-md-n60px {
            margin-top: -6rem;
            margin-bottom: -6rem;
        }

    .my-md-70px {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

        .my-md-n70px {
            margin-top: -7rem;
            margin-bottom: -7rem;
        }

    .my-md-80px {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

        .my-md-n80px {
            margin-top: -8rem;
            margin-bottom: -8rem;
        }

    .my-md-90px {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

        .my-md-n90px {
            margin-top: -9rem;
            margin-bottom: -9rem;
        }

    .my-md-100px {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }

        .my-md-n100px {
            margin-top: -10rem;
            margin-bottom: -10rem;
        }

    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
    }
}



/* -----------------
    03 - MD
        Margin X
----------------- */

@media (min-width: 768px) {
    .mx-md-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .mx-md-3px {
        margin-left: .3rem;
        margin-right: .3rem;
    }

        .mx-md-n3px {
            margin-left: -.3rem;
            margin-right: -.3rem;
        }

    .mx-md-5px {
        margin-left: .5rem;
        margin-right: .5rem;
    }

        .mx-md-n5px {
            margin-left: -.5rem;
            margin-right: -.5rem;
        }

    .mx-md-8px {
        margin-left: .8rem;
        margin-right: .8rem;
    }

        .mx-md-n8px {
            margin-left: -.8rem;
            margin-right: -.8rem;
        }

    .mx-md-10px {
        margin-left: 1rem;
        margin-right: 1rem;
    }

        .mx-md-n10px {
            margin-left: -1rem;
            margin-right: -1rem;
        }

    .mx-md-15px {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

        .mx-md-n15px {
            margin-left: -1.5rem;
            margin-right: -1.5rem;
        }

    .mx-md-30px {
        margin-left: 3rem;
        margin-right: 3rem;
    }

        .mx-md-n30px {
            margin-left: -3rem;
            margin-right: -3rem;
        }

    .mx-md-40px {
        margin-left: 4rem;
        margin-right: 4rem;
    }

        .mx-md-n40px {
            margin-left: -4rem;
            margin-right: -4rem;
        }

    .mx-md-50px {
        margin-left: 5rem;
        margin-right: 5rem;
    }

        .mx-md-n50px {
            margin-left: -5rem;
            margin-right: -5rem;
        }

    .mx-md-60px {
        margin-left: 6rem;
        margin-right: 6rem;
    }

        .mx-md-n60px {
            margin-left: -6rem;
            margin-right: -6rem;
        }

    .mx-md-70px {
        margin-left: 7rem;
        margin-right: 7rem;
    }

        .mx-md-n70px {
            margin-left: -7rem;
            margin-right: -7rem;
        }

    .mx-md-80px {
        margin-left: 8rem;
        margin-right: 8rem;
    }

        .mx-md-n80px {
            margin-left: -8rem;
            margin-right: -8rem;
        }

    .mx-md-90px {
        margin-left: 9rem;
        margin-right: 9rem;
    }

        .mx-md-n90px {
            margin-left: -9rem;
            margin-right: -9rem;
        }

    .mx-md-100px {
        margin-left: 10rem;
        margin-right: 10rem;
    }

        .mx-md-n100px {
            margin-left: -10rem;
            margin-right: -10rem;
        }

    .mx-md-auto {
        margin-left: auto;
        margin-right: auto;
    }
}


/* -----------------
    03 - MD
        Margin-top
----------------- */

@media (min-width: 768px) {
    .mt-md-0 {
        margin-top: 0;
    }

    .mt-md-3px {
        margin-top: .3rem;
    }

        .mt-md-n3px {
            margin-top: -.3rem;
        }

    .mt-md-5px {
        margin-top: .5rem;
    }

        .mt-md-n5px {
            margin-top: -.5rem;
        }

    .mt-md-8px {
        margin-top: .8rem;
    }

        .mt-md-n8px {
            margin-top: -.8rem;
        }

    .mt-md-10px {
        margin-top: 1rem;
    }

        .mt-md-n10px {
            margin-top: -1rem;
        }

    .mt-md-15px {
        margin-top: 1.5rem;
    }

        .mt-md-n15px {
            margin-top: -1.5rem;
        }

    .mt-md-30px {
        margin-top: 3rem;
    }

        .mt-md-n30px {
            margin-top: -3rem;
        }

    .mt-md-40px {
        margin-top: 4rem;
    }

        .mt-md-n40px {
            margin-top: -4rem;
        }

    .mt-md-50px {
        margin-top: 5rem;
    }

        .mt-md-n50px {
            margin-top: -5rem;
        }

    .mt-md-60px {
        margin-top: 6rem;
    }

        .mt-md-n60px {
            margin-top: -6rem;
        }

    .mt-md-70px {
        margin-top: 7rem;
    }

        .mt-md-n70px {
            margin-top: -7rem;
        }

    .mt-md-80px {
        margin-top: 8rem;
    }

        .mt-md-n80px {
            margin-top: -8rem;
        }

    .mt-md-90px {
        margin-top: 9rem;
    }

        .mt-md-n90px {
            margin-top: -9rem;
        }

    .mt-md-100px {
        margin-top: 10rem;
    }

        .mt-md-n100px {
            margin-top: -10rem;
        }

    .mt-md-auto {
        margin-top: auto;
    }
}



/* -----------------
    03 - MD
        Margin-right
----------------- */

@media (min-width: 768px) {
    .mr-md-0 {
        margin-right: 0;
    }

    .mr-md-3px {
        margin-right: .3rem;
    }

        .mr-md-n3px {
            margin-right: -.3rem;
        }

    .mr-md-5px {
        margin-right: .5rem;
    }

        .mr-md-n5px {
            margin-right: -.5rem;
        }

    .mr-md-8px {
        margin-right: .8rem;
    }

        .mr-md-n8px {
            margin-right: -.8rem;
        }

    .mr-md-10px {
        margin-right: 1rem;
    }

        .mr-md-n10px {
            margin-right: -1rem;
        }

    .mr-md-15px {
        margin-right: 1.5rem;
    }

        .mr-md-n15px {
            margin-right: -1.5rem;
        }

    .mr-md-30px {
        margin-right: 3rem;
    }

        .mr-md-n30px {
            margin-right: -3rem;
        }

    .mr-md-40px {
        margin-right: 4rem;
    }

        .mr-md-n40px {
            margin-right: -4rem;
        }

    .mr-md-50px {
        margin-right: 5rem;
    }

        .mr-md-n50px {
            margin-right: -5rem;
        }

    .mr-md-60px {
        margin-right: 6rem;
    }

        .mr-md-n60px {
            margin-right: -6rem;
        }

    .mr-md-70px {
        margin-right: 7rem;
    }

        .mr-md-n70px {
            margin-right: -7rem;
        }

    .mr-md-80px {
        margin-right: 8rem;
    }

        .mr-md-n80px {
            margin-right: -8rem;
        }

    .mr-md-90px {
        margin-right: 9rem;
    }

        .mr-md-n90px {
            margin-right: -9rem;
        }

    .mr-md-100px {
        margin-right: 10rem;
    }

        .mr-md-n100px {
            margin-right: -10rem;
        }

    .mr-md-auto {
        margin-right: auto;
    }
}



/* -----------------
    03 - MD
        Margin-bottom
----------------- */

@media (min-width: 768px) {
    .mb-md-0 {
        margin-bottom: 0;
    }

    .mb-md-3px {
        margin-bottom: .3rem;
    }

        .mb-md-n3px {
            margin-bottom: -.3rem;
        }

    .mb-md-5px {
        margin-bottom: .5rem;
    }

        .mb-md-n5px {
            margin-bottom: -.5rem;
        }

    .mb-md-8px {
        margin-bottom: .8rem;
    }

        .mb-md-n8px {
            margin-bottom: -.8rem;
        }

    .mb-md-10px {
        margin-bottom: 1rem;
    }

        .mb-md-n10px {
            margin-bottom: -1rem;
        }

    .mb-md-15px {
        margin-bottom: 1.5rem;
    }

        .mb-md-n15px {
            margin-bottom: -1.5rem;
        }

    .mb-md-30px {
        margin-bottom: 3rem;
    }

        .mb-md-n30px {
            margin-bottom: -3rem;
        }

    .mb-md-40px {
        margin-bottom: 4rem;
    }

        .mb-md-n40px {
            margin-bottom: -4rem;
        }

    .mb-md-50px {
        margin-bottom: 5rem;
    }

        .mb-md-n50px {
            margin-bottom: -5rem;
        }

    .mb-md-60px {
        margin-bottom: 6rem;
    }

        .mb-md-n60px {
            margin-bottom: -6rem;
        }

    .mb-md-70px {
        margin-bottom: 7rem;
    }

        .mb-md-n70px {
            margin-bottom: -7rem;
        }

    .mb-md-80px {
        margin-bottom: 8rem;
    }

        .mb-md-n80px {
            margin-bottom: -8rem;
        }

    .mb-md-90px {
        margin-bottom: 9rem;
    }

        .mb-md-n90px {
            margin-bottom: -9rem;
        }

    .mb-md-100px {
        margin-bottom: 10rem;
    }

        .mb-md-n100px {
            margin-bottom: -10rem;
        }

    .mb-md-auto {
        margin-bottom: auto;
    }
}



/* -----------------
    03 - MD
        Margin-left
----------------- */

@media (min-width: 768px) {
    .ml-md-0 {
        margin-left: 0;
    }

    .ml-md-3px {
        margin-left: .3rem;
    }

        .ml-md-n3px {
            margin-left: -.3rem;
        }

    .ml-md-5px {
        margin-left: .5rem;
    }

        .ml-md-n5px {
            margin-left: -.5rem;
        }

    .ml-md-8px {
        margin-left: .8rem;
    }

        .ml-md-n8px {
            margin-left: -.8rem;
        }

    .ml-md-10px {
        margin-left: 1rem;
    }

        .ml-md-n10px {
            margin-left: -1rem;
        }

    .ml-md-15px {
        margin-left: 1.5rem;
    }

        .ml-md-n15px {
            margin-left: -1.5rem;
        }

    .ml-md-30px {
        margin-left: 3rem;
    }

        .ml-md-n30px {
            margin-left: -3rem;
        }

    .ml-md-40px {
        margin-left: 4rem;
    }

        .ml-md-n40px {
            margin-left: -4rem;
        }

    .ml-md-50px {
        margin-left: 5rem;
    }

        .ml-md-n50px {
            margin-left: -5rem;
        }

    .ml-md-60px {
        margin-left: 6rem;
    }

        .ml-md-n60px {
            margin-left: -6rem;
        }

    .ml-md-70px {
        margin-left: 7rem;
    }

        .ml-md-n70px {
            margin-left: -7rem;
        }

    .ml-md-80px {
        margin-left: 8rem;
    }

        .ml-md-n80px {
            margin-left: -8rem;
        }

    .ml-md-90px {
        margin-left: 9rem;
    }

        .ml-md-n90px {
            margin-left: -9rem;
        }

    .ml-md-100px {
        margin-left: 10rem;
    }

        .ml-md-n100px {
            margin-left: -10rem;
        }

    .ml-md-auto {
        margin-left: auto;
    }
}



/* -----------------
    04 - LG
        Margin
----------------- */

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0;
    }

    .m-lg-3px {
        margin: .3rem;
    }

        .m-lg-n3px {
            margin: -.3rem;
        }

    .m-lg-5px {
        margin: .5rem;
    }

        .m-lg-n5px {
            margin: -.5rem;
        }

    .m-lg-8px {
        margin: .8rem;
    }

        .m-lg-n8px {
            margin: -.8rem;
        }

    .m-lg-10px {
        margin: 1rem;
    }

        .m-lg-n10px {
            margin: -1rem;
        }

    .m-lg-15px {
        margin: 1.5rem;
    }

        .m-lg-n15px {
            margin: -1.5rem;
        }

    .m-lg-30px {
        margin: 3rem;
    }

        .m-lg-n30px {
            margin: -3rem;
        }

    .m-lg-40px {
        margin: 4rem;
    }

        .m-lg-n40px {
            margin: -4rem;
        }

    .m-lg-50px {
        margin: 5rem;
    }

        .m-lg-n50px {
            margin: -5rem;
        }

    .m-lg-60px {
        margin: 6rem;
    }

        .m-lg-n60px {
            margin: -6rem;
        }

    .m-lg-70px {
        margin: 7rem;
    }

        .m-lg-n70px {
            margin: -7rem;
        }

    .m-lg-80px {
        margin: 8rem;
    }

        .m-lg-n80px {
            margin: -8rem;
        }

    .m-lg-90px {
        margin: 9rem;
    }

        .m-lg-n90px {
            margin: -9rem;
        }

    .m-lg-100px {
        margin: 10rem;
    }

        .m-lg-n100px {
            margin: -10rem;
        }

    .m-lg-auto {
        margin: auto;
    }
}



/* -----------------
    04 - LG
        Margin Y
----------------- */

@media (min-width: 992px) {
    .my-lg-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .my-lg-3px {
        margin-top: .3rem;
        margin-bottom: .3rem;
    }

        .my-lg-n3px {
            margin-top: -.3rem;
            margin-bottom: -.3rem;
        }

    .my-lg-5px {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

        .my-lg-n5px {
            margin-top: -.5rem;
            margin-bottom: -.5rem;
        }

    .my-lg-8px {
        margin-top: .8rem;
        margin-bottom: .8rem;
    }

        .my-lg-n8px {
            margin-top: -.8rem;
            margin-bottom: -.8rem;
        }

    .my-lg-10px {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

        .my-lg-n10px {
            margin-top: -1rem;
            margin-bottom: -1rem;
        }

    .my-lg-15px {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

        .my-lg-n15px {
            margin-top: -1.5rem;
            margin-bottom: -1.5rem;
        }

    .my-lg-30px {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

        .my-lg-n30px {
            margin-top: -3rem;
            margin-bottom: -3rem;
        }

    .my-lg-40px {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

        .my-lg-n40px {
            margin-top: -4rem;
            margin-bottom: -4rem;
        }

    .my-lg-50px {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

        .my-lg-n50px {
            margin-top: -5rem;
            margin-bottom: -5rem;
        }

    .my-lg-60px {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

        .my-lg-n60px {
            margin-top: -6rem;
            margin-bottom: -6rem;
        }

    .my-lg-70px {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

        .my-lg-n70px {
            margin-top: -7rem;
            margin-bottom: -7rem;
        }

    .my-lg-80px {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

        .my-lg-n80px {
            margin-top: -8rem;
            margin-bottom: -8rem;
        }

    .my-lg-90px {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

        .my-lg-n90px {
            margin-top: -9rem;
            margin-bottom: -9rem;
        }

    .my-lg-100px {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }

        .my-lg-n100px {
            margin-top: -10rem;
            margin-bottom: -10rem;
        }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
    }
}



/* -----------------
    04 - LG
        Margin X
----------------- */

@media (min-width: 992px) {
    .mx-lg-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .mx-lg-3px {
        margin-left: .3rem;
        margin-right: .3rem;
    }

        .mx-lg-n3px {
            margin-left: -.3rem;
            margin-right: -.3rem;
        }

    .mx-lg-5px {
        margin-left: .5rem;
        margin-right: .5rem;
    }

        .mx-lg-n5px {
            margin-left: -.5rem;
            margin-right: -.5rem;
        }

    .mx-lg-8px {
        margin-left: .8rem;
        margin-right: .8rem;
    }

        .mx-lg-n8px {
            margin-left: -.8rem;
            margin-right: -.8rem;
        }

    .mx-lg-10px {
        margin-left: 1rem;
        margin-right: 1rem;
    }

        .mx-lg-n10px {
            margin-left: -1rem;
            margin-right: -1rem;
        }

    .mx-lg-15px {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

        .mx-lg-n15px {
            margin-left: -1.5rem;
            margin-right: -1.5rem;
        }

    .mx-lg-30px {
        margin-left: 3rem;
        margin-right: 3rem;
    }

        .mx-lg-n30px {
            margin-left: -3rem;
            margin-right: -3rem;
        }

    .mx-lg-40px {
        margin-left: 4rem;
        margin-right: 4rem;
    }

        .mx-lg-n40px {
            margin-left: -4rem;
            margin-right: -4rem;
        }

    .mx-lg-50px {
        margin-left: 5rem;
        margin-right: 5rem;
    }

        .mx-lg-n50px {
            margin-left: -5rem;
            margin-right: -5rem;
        }

    .mx-lg-60px {
        margin-left: 6rem;
        margin-right: 6rem;
    }

        .mx-lg-n60px {
            margin-left: -6rem;
            margin-right: -6rem;
        }

    .mx-lg-70px {
        margin-left: 7rem;
        margin-right: 7rem;
    }

        .mx-lg-n70px {
            margin-left: -7rem;
            margin-right: -7rem;
        }

    .mx-lg-80px {
        margin-left: 8rem;
        margin-right: 8rem;
    }

        .mx-lg-n80px {
            margin-left: -8rem;
            margin-right: -8rem;
        }

    .mx-lg-90px {
        margin-left: 9rem;
        margin-right: 9rem;
    }

        .mx-lg-n90px {
            margin-left: -9rem;
            margin-right: -9rem;
        }

    .mx-lg-100px {
        margin-left: 10rem;
        margin-right: 10rem;
    }

        .mx-lg-n100px {
            margin-left: -10rem;
            margin-right: -10rem;
        }

    .mx-lg-auto {
        margin-left: auto;
        margin-right: auto;
    }
}


/* -----------------
    04 - LG
        Margin-top
----------------- */

@media (min-width: 992px) {
    .mt-lg-0 {
        margin-top: 0;
    }

    .mt-lg-3px {
        margin-top: .3rem;
    }

        .mt-lg-n3px {
            margin-top: -.3rem;
        }

    .mt-lg-5px {
        margin-top: .5rem;
    }

        .mt-lg-n5px {
            margin-top: -.5rem;
        }

    .mt-lg-8px {
        margin-top: .8rem;
    }

        .mt-lg-n8px {
            margin-top: -.8rem;
        }

    .mt-lg-10px {
        margin-top: 1rem;
    }

        .mt-lg-n10px {
            margin-top: -1rem;
        }

    .mt-lg-15px {
        margin-top: 1.5rem;
    }

        .mt-lg-n15px {
            margin-top: -1.5rem;
        }

    .mt-lg-30px {
        margin-top: 3rem;
    }

        .mt-lg-n30px {
            margin-top: -3rem;
        }

    .mt-lg-40px {
        margin-top: 4rem;
    }

        .mt-lg-n40px {
            margin-top: -4rem;
        }

    .mt-lg-50px {
        margin-top: 5rem;
    }

        .mt-lg-n50px {
            margin-top: -5rem;
        }

    .mt-lg-60px {
        margin-top: 6rem;
    }

        .mt-lg-n60px {
            margin-top: -6rem;
        }

    .mt-lg-70px {
        margin-top: 7rem;
    }

        .mt-lg-n70px {
            margin-top: -7rem;
        }

    .mt-lg-80px {
        margin-top: 8rem;
    }

        .mt-lg-n80px {
            margin-top: -8rem;
        }

    .mt-lg-90px {
        margin-top: 9rem;
    }

        .mt-lg-n90px {
            margin-top: -9rem;
        }

    .mt-lg-100px {
        margin-top: 10rem;
    }

        .mt-lg-n100px {
            margin-top: -10rem;
        }

    .mt-lg-120px {
        margin-top: 12rem;
    }

        .mt-lg-n120px {
            margin-top: -12rem;
        }

    .mt-lg-130px {
        margin-top: 13rem;
    }

        .mt-lg-n130px {
            margin-top: -13rem;
        }

    .mt-lg-160px {
        margin-top: 16rem;
    }

        .mt-lg-n160px {
            margin-top: -16rem;
        }

    .mt-lg-190px {
        margin-top: 19rem;
    }

        .mt-lg-n190px {
            margin-top: -19rem;
        }

    .mt-lg-auto {
        margin-top: auto;
    }
}



/* -----------------
    04 - LG
        Margin-right
----------------- */

@media (min-width: 992px) {
    .mr-lg-0 {
        margin-right: 0;
    }

    .mr-lg-3px {
        margin-right: .3rem;
    }

        .mr-lg-n3px {
            margin-right: -.3rem;
        }

    .mr-lg-5px {
        margin-right: .5rem;
    }

        .mr-lg-n5px {
            margin-right: -.5rem;
        }

    .mr-lg-8px {
        margin-right: .8rem;
    }

        .mr-lg-n8px {
            margin-right: -.8rem;
        }

    .mr-lg-10px {
        margin-right: 1rem;
    }

        .mr-lg-n10px {
            margin-right: -1rem;
        }

    .mr-lg-15px {
        margin-right: 1.5rem;
    }

        .mr-lg-n15px {
            margin-right: -1.5rem;
        }

    .mr-lg-30px {
        margin-right: 3rem;
    }

        .mr-lg-n30px {
            margin-right: -3rem;
        }

    .mr-lg-40px {
        margin-right: 4rem;
    }

        .mr-lg-n40px {
            margin-right: -4rem;
        }

    .mr-lg-50px {
        margin-right: 5rem;
    }

        .mr-lg-n50px {
            margin-right: -5rem;
        }

    .mr-lg-60px {
        margin-right: 6rem;
    }

        .mr-lg-n60px {
            margin-right: -6rem;
        }

    .mr-lg-70px {
        margin-right: 7rem;
    }

        .mr-lg-n70px {
            margin-right: -7rem;
        }

    .mr-lg-80px {
        margin-right: 8rem;
    }

        .mr-lg-n80px {
            margin-right: -8rem;
        }

    .mr-lg-90px {
        margin-right: 9rem;
    }

        .mr-lg-n90px {
            margin-right: -9rem;
        }

    .mr-lg-100px {
        margin-right: 10rem;
    }

        .mr-lg-n100px {
            margin-right: -10rem;
        }

    .mr-lg-auto {
        margin-right: auto;
    }
}



/* -----------------
    04 - LG
        Margin-bottom
----------------- */

@media (min-width: 992px) {
    .mb-lg-0 {
        margin-bottom: 0;
    }

    .mb-lg-3px {
        margin-bottom: .3rem;
    }

        .mb-lg-n3px {
            margin-bottom: -.3rem;
        }

    .mb-lg-5px {
        margin-bottom: .5rem;
    }

        .mb-lg-n5px {
            margin-bottom: -.5rem;
        }

    .mb-lg-8px {
        margin-bottom: .8rem;
    }

        .mb-lg-n8px {
            margin-bottom: -.8rem;
        }

    .mb-lg-10px {
        margin-bottom: 1rem;
    }

        .mb-lg-n10px {
            margin-bottom: -1rem;
        }

    .mb-lg-15px {
        margin-bottom: 1.5rem;
    }

        .mb-lg-n15px {
            margin-bottom: -1.5rem;
        }

    .mb-lg-20px {
        margin-bottom: 2rem;
    }

        .mb-lg-n20px {
            margin-bottom: -2rem;
        }

    .mb-lg-25px {
        margin-bottom: 2.5rem;
    }

        .mb-lg-n25px {
            margin-bottom: -2.5rem;
        }

    .mb-lg-30px {
        margin-bottom: 3rem;
    }

        .mb-lg-n30px {
            margin-bottom: -3rem;
        }

    .mb-lg-40px {
        margin-bottom: 4rem;
    }

        .mb-lg-n40px {
            margin-bottom: -4rem;
        }

    .mb-lg-50px {
        margin-bottom: 5rem;
    }

        .mb-lg-n50px {
            margin-bottom: -5rem;
        }

    .mb-lg-60px {
        margin-bottom: 6rem;
    }

        .mb-lg-n60px {
            margin-bottom: -6rem;
        }

    .mb-lg-70px {
        margin-bottom: 7rem;
    }

        .mb-lg-n70px {
            margin-bottom: -7rem;
        }

    .mb-lg-80px {
        margin-bottom: 8rem;
    }

        .mb-lg-n80px {
            margin-bottom: -8rem;
        }

    .mb-lg-90px {
        margin-bottom: 9rem;
    }

        .mb-lg-n90px {
            margin-bottom: -9rem;
        }

    .mb-lg-100px {
        margin-bottom: 10rem;
    }

        .mb-lg-n100px {
            margin-bottom: -10rem;
        }

    .mb-lg-auto {
        margin-bottom: auto;
    }
}



/* -----------------
    04 - LG
        Margin-left
----------------- */

@media (min-width: 992px) {
    .ml-lg-0 {
        margin-left: 0;
    }

    .ml-lg-3px {
        margin-left: .3rem;
    }

        .ml-lg-n3px {
            margin-left: -.3rem;
        }

    .ml-lg-5px {
        margin-left: .5rem;
    }

        .ml-lg-n5px {
            margin-left: -.5rem;
        }

    .ml-lg-8px {
        margin-left: .8rem;
    }

        .ml-lg-n8px {
            margin-left: -.8rem;
        }

    .ml-lg-10px {
        margin-left: 1rem;
    }

        .ml-lg-n10px {
            margin-left: -1rem;
        }

    .ml-lg-15px {
        margin-left: 1.5rem;
    }

        .ml-lg-n15px {
            margin-left: -1.5rem;
        }

    .ml-lg-30px {
        margin-left: 3rem;
    }

        .ml-lg-n30px {
            margin-left: -3rem;
        }

    .ml-lg-40px {
        margin-left: 4rem;
    }

        .ml-lg-n40px {
            margin-left: -4rem;
        }

    .ml-lg-50px {
        margin-left: 5rem;
    }

        .ml-lg-n50px {
            margin-left: -5rem;
        }

    .ml-lg-60px {
        margin-left: 6rem;
    }

        .ml-lg-n60px {
            margin-left: -6rem;
        }

    .ml-lg-70px {
        margin-left: 7rem;
    }

        .ml-lg-n70px {
            margin-left: -7rem;
        }

    .ml-lg-80px {
        margin-left: 8rem;
    }

        .ml-lg-n80px {
            margin-left: -8rem;
        }

    .ml-lg-90px {
        margin-left: 9rem;
    }

        .ml-lg-n90px {
            margin-left: -9rem;
        }

    .ml-lg-100px {
        margin-left: 10rem;
    }

        .ml-lg-n100px {
            margin-left: -10rem;
        }

    .ml-lg-auto {
        margin-left: auto;
    }
}



/* -----------------
    05 - XL
        Margin
----------------- */

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0;
    }

    .m-xl-3px {
        margin: .3rem;
    }

        .m-xl-n3px {
            margin: -.3rem;
        }

    .m-xl-5px {
        margin: .5rem;
    }

        .m-xl-n5px {
            margin: -.5rem;
        }

    .m-xl-8px {
        margin: .8rem;
    }

        .m-xl-n8px {
            margin: -.8rem;
        }

    .m-xl-10px {
        margin: 1rem;
    }

        .m-xl-n10px {
            margin: -1rem;
        }

    .m-xl-15px {
        margin: 1.5rem;
    }

        .m-xl-n15px {
            margin: -1.5rem;
        }

    .m-xl-30px {
        margin: 3rem;
    }

        .m-xl-n30px {
            margin: -3rem;
        }

    .m-xl-40px {
        margin: 4rem;
    }

        .m-xl-n40px {
            margin: -4rem;
        }

    .m-xl-50px {
        margin: 5rem;
    }

        .m-xl-n50px {
            margin: -5rem;
        }

    .m-xl-60px {
        margin: 6rem;
    }

        .m-xl-n60px {
            margin: -6rem;
        }

    .m-xl-70px {
        margin: 7rem;
    }

        .m-xl-n70px {
            margin: -7rem;
        }

    .m-xl-80px {
        margin: 8rem;
    }

        .m-xl-n80px {
            margin: -8rem;
        }

    .m-xl-90px {
        margin: 9rem;
    }

        .m-xl-n90px {
            margin: -9rem;
        }

    .m-xl-100px {
        margin: 10rem;
    }

        .m-xl-n100px {
            margin: -10rem;
        }

    .m-xl-auto {
        margin: auto;
    }
}



/* -----------------
    05 - XL
        Margin Y
----------------- */

@media (min-width: 1200px) {
    .my-xl-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .my-xl-3px {
        margin-top: .3rem;
        margin-bottom: .3rem;
    }

        .my-xl-n3px {
            margin-top: -.3rem;
            margin-bottom: -.3rem;
        }

    .my-xl-5px {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

        .my-xl-n5px {
            margin-top: -.5rem;
            margin-bottom: -.5rem;
        }

    .my-xl-8px {
        margin-top: .8rem;
        margin-bottom: .8rem;
    }

        .my-xl-n8px {
            margin-top: -.8rem;
            margin-bottom: -.8rem;
        }

    .my-xl-10px {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

        .my-xl-n10px {
            margin-top: -1rem;
            margin-bottom: -1rem;
        }

    .my-xl-15px {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

        .my-xl-n15px {
            margin-top: -1.5rem;
            margin-bottom: -1.5rem;
        }

    .my-xl-30px {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

        .my-xl-n30px {
            margin-top: -3rem;
            margin-bottom: -3rem;
        }

    .my-xl-40px {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

        .my-xl-n40px {
            margin-top: -4rem;
            margin-bottom: -4rem;
        }

    .my-xl-50px {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

        .my-xl-n50px {
            margin-top: -5rem;
            margin-bottom: -5rem;
        }

    .my-xl-60px {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

        .my-xl-n60px {
            margin-top: -6rem;
            margin-bottom: -6rem;
        }

    .my-xl-70px {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

        .my-xl-n70px {
            margin-top: -7rem;
            margin-bottom: -7rem;
        }

    .my-xl-80px {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

        .my-xl-n80px {
            margin-top: -8rem;
            margin-bottom: -8rem;
        }

    .my-xl-90px {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

        .my-xl-n90px {
            margin-top: -9rem;
            margin-bottom: -9rem;
        }

    .my-xl-100px {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }

        .my-xl-n100px {
            margin-top: -10rem;
            margin-bottom: -10rem;
        }

    .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }
}



/* -----------------
    05 - XL
        Margin X
----------------- */

@media (min-width: 1200px) {
    .mx-xl-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .mx-xl-3px {
        margin-left: .3rem;
        margin-right: .3rem;
    }

        .mx-xl-n3px {
            margin-left: -.3rem;
            margin-right: -.3rem;
        }

    .mx-xl-5px {
        margin-left: .5rem;
        margin-right: .5rem;
    }

        .mx-xl-n5px {
            margin-left: -.5rem;
            margin-right: -.5rem;
        }

    .mx-xl-8px {
        margin-left: .8rem;
        margin-right: .8rem;
    }

        .mx-xl-n8px {
            margin-left: -.8rem;
            margin-right: -.8rem;
        }

    .mx-xl-10px {
        margin-left: 1rem;
        margin-right: 1rem;
    }

        .mx-xl-n10px {
            margin-left: -1rem;
            margin-right: -1rem;
        }

    .mx-xl-15px {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

        .mx-xl-n15px {
            margin-left: -1.5rem;
            margin-right: -1.5rem;
        }

    .mx-xl-30px {
        margin-left: 3rem;
        margin-right: 3rem;
    }

        .mx-xl-n30px {
            margin-left: -3rem;
            margin-right: -3rem;
        }

    .mx-xl-40px {
        margin-left: 4rem;
        margin-right: 4rem;
    }

        .mx-xl-n40px {
            margin-left: -4rem;
            margin-right: -4rem;
        }

    .mx-xl-50px {
        margin-left: 5rem;
        margin-right: 5rem;
    }

        .mx-xl-n50px {
            margin-left: -5rem;
            margin-right: -5rem;
        }

    .mx-xl-60px {
        margin-left: 6rem;
        margin-right: 6rem;
    }

        .mx-xl-n60px {
            margin-left: -6rem;
            margin-right: -6rem;
        }

    .mx-xl-70px {
        margin-left: 7rem;
        margin-right: 7rem;
    }

        .mx-xl-n70px {
            margin-left: -7rem;
            margin-right: -7rem;
        }

    .mx-xl-80px {
        margin-left: 8rem;
        margin-right: 8rem;
    }

        .mx-xl-n80px {
            margin-left: -8rem;
            margin-right: -8rem;
        }

    .mx-xl-90px {
        margin-left: 9rem;
        margin-right: 9rem;
    }

        .mx-xl-n90px {
            margin-left: -9rem;
            margin-right: -9rem;
        }

    .mx-xl-100px {
        margin-left: 10rem;
        margin-right: 10rem;
    }

        .mx-xl-n100px {
            margin-left: -10rem;
            margin-right: -10rem;
        }

    .mx-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }
}


/* -----------------
    05 - XL
        Margin-top
----------------- */

@media (min-width: 1200px) {
    .mt-xl-0 {
        margin-top: 0;
    }

    .mt-xl-3px {
        margin-top: .3rem;
    }

        .mt-xl-n3px {
            margin-top: -.3rem;
        }

    .mt-xl-5px {
        margin-top: .5rem;
    }

        .mt-xl-n5px {
            margin-top: -.5rem;
        }

    .mt-xl-8px {
        margin-top: .8rem;
    }

        .mt-xl-n8px {
            margin-top: -.8rem;
        }

    .mt-xl-10px {
        margin-top: 1rem;
    }

        .mt-xl-n10px {
            margin-top: -1rem;
        }

    .mt-xl-15px {
        margin-top: 1.5rem;
    }

        .mt-xl-n15px {
            margin-top: -1.5rem;
        }

    .mt-xl-30px {
        margin-top: 3rem;
    }

        .mt-xl-n30px {
            margin-top: -3rem;
        }

    .mt-xl-40px {
        margin-top: 4rem;
    }

        .mt-xl-n40px {
            margin-top: -4rem;
        }

    .mt-xl-50px {
        margin-top: 5rem;
    }

        .mt-xl-n50px {
            margin-top: -5rem;
        }

    .mt-xl-60px {
        margin-top: 6rem;
    }

        .mt-xl-n60px {
            margin-top: -6rem;
        }

    .mt-xl-70px {
        margin-top: 7rem;
    }

        .mt-xl-n70px {
            margin-top: -7rem;
        }

    .mt-xl-80px {
        margin-top: 8rem;
    }

        .mt-xl-n80px {
            margin-top: -8rem;
        }

    .mt-xl-90px {
        margin-top: 9rem;
    }

        .mt-xl-n90px {
            margin-top: -9rem;
        }

    .mt-xl-100px {
        margin-top: 10rem;
    }

        .mt-xl-n100px {
            margin-top: -10rem;
        }

    .mt-xl-auto {
        margin-top: auto;
    }
}



/* -----------------
    05 - XL
        Margin-right
----------------- */

@media (min-width: 1200px) {
    .mr-xl-0 {
        margin-right: 0;
    }

    .mr-xl-3px {
        margin-right: .3rem;
    }

        .mr-xl-n3px {
            margin-right: -.3rem;
        }

    .mr-xl-5px {
        margin-right: .5rem;
    }

        .mr-xl-n5px {
            margin-right: -.5rem;
        }

    .mr-xl-8px {
        margin-right: .8rem;
    }

        .mr-xl-n8px {
            margin-right: -.8rem;
        }

    .mr-xl-10px {
        margin-right: 1rem;
    }

        .mr-xl-n10px {
            margin-right: -1rem;
        }

    .mr-xl-15px {
        margin-right: 1.5rem;
    }

        .mr-xl-n15px {
            margin-right: -1.5rem;
        }

    .mr-xl-30px {
        margin-right: 3rem;
    }

        .mr-xl-n30px {
            margin-right: -3rem;
        }

    .mr-xl-40px {
        margin-right: 4rem;
    }

        .mr-xl-n40px {
            margin-right: -4rem;
        }

    .mr-xl-50px {
        margin-right: 5rem;
    }

        .mr-xl-n50px {
            margin-right: -5rem;
        }

    .mr-xl-60px {
        margin-right: 6rem;
    }

        .mr-xl-n60px {
            margin-right: -6rem;
        }

    .mr-xl-70px {
        margin-right: 7rem;
    }

        .mr-xl-n70px {
            margin-right: -7rem;
        }

    .mr-xl-80px {
        margin-right: 8rem;
    }

        .mr-xl-n80px {
            margin-right: -8rem;
        }

    .mr-xl-90px {
        margin-right: 9rem;
    }

        .mr-xl-n90px {
            margin-right: -9rem;
        }

    .mr-xl-100px {
        margin-right: 10rem;
    }

        .mr-xl-n100px {
            margin-right: -10rem;
        }

    .mr-xl-auto {
        margin-right: auto;
    }
}



/* -----------------
    05 - XL
        Margin-bottom
----------------- */

@media (min-width: 1200px) {
    .mb-xl-0 {
        margin-bottom: 0;
    }

    .mb-xl-3px {
        margin-bottom: .3rem;
    }

        .mb-xl-n3px {
            margin-bottom: -.3rem;
        }

    .mb-xl-5px {
        margin-bottom: .5rem;
    }

        .mb-xl-n5px {
            margin-bottom: -.5rem;
        }

    .mb-xl-8px {
        margin-bottom: .8rem;
    }

        .mb-xl-n8px {
            margin-bottom: -.8rem;
        }

    .mb-xl-10px {
        margin-bottom: 1rem;
    }

        .mb-xl-n10px {
            margin-bottom: -1rem;
        }

    .mb-xl-15px {
        margin-bottom: 1.5rem;
    }

        .mb-xl-n15px {
            margin-bottom: -1.5rem;
        }

    .mb-xl-30px {
        margin-bottom: 3rem;
    }

        .mb-xl-n30px {
            margin-bottom: -3rem;
        }

    .mb-xl-40px {
        margin-bottom: 4rem;
    }

        .mb-xl-n40px {
            margin-bottom: -4rem;
        }

    .mb-xl-50px {
        margin-bottom: 5rem;
    }

        .mb-xl-n50px {
            margin-bottom: -5rem;
        }

    .mb-xl-60px {
        margin-bottom: 6rem;
    }

        .mb-xl-n60px {
            margin-bottom: -6rem;
        }

    .mb-xl-70px {
        margin-bottom: 7rem;
    }

        .mb-xl-n70px {
            margin-bottom: -7rem;
        }

    .mb-xl-80px {
        margin-bottom: 8rem;
    }

        .mb-xl-n80px {
            margin-bottom: -8rem;
        }

    .mb-xl-90px {
        margin-bottom: 9rem;
    }

        .mb-xl-n90px {
            margin-bottom: -9rem;
        }

    .mb-xl-100px {
        margin-bottom: 10rem;
    }

        .mb-xl-n100px {
            margin-bottom: -10rem;
        }

    .mb-xl-auto {
        margin-bottom: auto;
    }
}



/* -----------------
    05 - XL
        Margin-left
----------------- */

@media (min-width: 1200px) {
    .ml-xl-0 {
        margin-left: 0;
    }

    .ml-xl-3px {
        margin-left: .3rem;
    }

        .ml-xl-n3px {
            margin-left: -.3rem;
        }

    .ml-xl-5px {
        margin-left: .5rem;
    }

        .ml-xl-n5px {
            margin-left: -.5rem;
        }

    .ml-xl-8px {
        margin-left: .8rem;
    }

        .ml-xl-n8px {
            margin-left: -.8rem;
        }

    .ml-xl-10px {
        margin-left: 1rem;
    }

        .ml-xl-n10px {
            margin-left: -1rem;
        }

    .ml-xl-15px {
        margin-left: 1.5rem;
    }

        .ml-xl-n15px {
            margin-left: -1.5rem;
        }

    .ml-xl-30px {
        margin-left: 3rem;
    }

        .ml-xl-n30px {
            margin-left: -3rem;
        }

    .ml-xl-40px {
        margin-left: 4rem;
    }

        .ml-xl-n40px {
            margin-left: -4rem;
        }

    .ml-xl-50px {
        margin-left: 5rem;
    }

        .ml-xl-n50px {
            margin-left: -5rem;
        }

    .ml-xl-60px {
        margin-left: 6rem;
    }

        .ml-xl-n60px {
            margin-left: -6rem;
        }

    .ml-xl-70px {
        margin-left: 7rem;
    }

        .ml-xl-n70px {
            margin-left: -7rem;
        }

    .ml-xl-80px {
        margin-left: 8rem;
    }

        .ml-xl-n80px {
            margin-left: -8rem;
        }

    .ml-xl-90px {
        margin-left: 9rem;
    }

        .ml-xl-n90px {
            margin-left: -9rem;
        }

    .ml-xl-100px {
        margin-left: 10rem;
    }

        .ml-xl-n100px {
            margin-left: -10rem;
        }

    .ml-xl-auto {
        margin-left: auto;
    }
}



/* -----------------
    06 - XXL
        Margin
----------------- */

@media (min-width: 1400px) {
    .m-xxl-0 {
        margin: 0;
    }

    .m-xxl-3px {
        margin: .3rem;
    }

        .m-xxl-n3px {
            margin: -.3rem;
        }

    .m-xxl-5px {
        margin: .5rem;
    }

        .m-xxl-n5px {
            margin: -.5rem;
        }

    .m-xxl-8px {
        margin: .8rem;
    }

        .m-xxl-n8px {
            margin: -.8rem;
        }

    .m-xxl-10px {
        margin: 1rem;
    }

        .m-xxl-n10px {
            margin: -1rem;
        }

    .m-xxl-15px {
        margin: 1.5rem;
    }

        .m-xxl-n15px {
            margin: -1.5rem;
        }

    .m-xxl-30px {
        margin: 3rem;
    }

        .m-xxl-n30px {
            margin: -3rem;
        }

    .m-xxl-40px {
        margin: 4rem;
    }

        .m-xxl-n40px {
            margin: -4rem;
        }

    .m-xxl-50px {
        margin: 5rem;
    }

        .m-xxl-n50px {
            margin: -5rem;
        }

    .m-xxl-60px {
        margin: 6rem;
    }

        .m-xxl-n60px {
            margin: -6rem;
        }

    .m-xxl-70px {
        margin: 7rem;
    }

        .m-xxl-n70px {
            margin: -7rem;
        }

    .m-xxl-80px {
        margin: 8rem;
    }

        .m-xxl-n80px {
            margin: -8rem;
        }

    .m-xxl-90px {
        margin: 9rem;
    }

        .m-xxl-n90px {
            margin: -9rem;
        }

    .m-xxl-100px {
        margin: 10rem;
    }

        .m-xxl-n100px {
            margin: -10rem;
        }

    .m-xxl-auto {
        margin: auto;
    }
}



/* -----------------
    06 - XXL
        Margin Y
----------------- */

@media (min-width: 1400px) {
    .my-xxl-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .my-xxl-3px {
        margin-top: .3rem;
        margin-bottom: .3rem;
    }

        .my-xxl-n3px {
            margin-top: -.3rem;
            margin-bottom: -.3rem;
        }

    .my-xxl-5px {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

        .my-xxl-n5px {
            margin-top: -.5rem;
            margin-bottom: -.5rem;
        }

    .my-xxl-8px {
        margin-top: .8rem;
        margin-bottom: .8rem;
    }

        .my-xxl-n8px {
            margin-top: -.8rem;
            margin-bottom: -.8rem;
        }

    .my-xxl-10px {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

        .my-xxl-n10px {
            margin-top: -1rem;
            margin-bottom: -1rem;
        }

    .my-xxl-15px {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

        .my-xxl-n15px {
            margin-top: -1.5rem;
            margin-bottom: -1.5rem;
        }

    .my-xxl-30px {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

        .my-xxl-n30px {
            margin-top: -3rem;
            margin-bottom: -3rem;
        }

    .my-xxl-40px {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

        .my-xxl-n40px {
            margin-top: -4rem;
            margin-bottom: -4rem;
        }

    .my-xxl-50px {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

        .my-xxl-n50px {
            margin-top: -5rem;
            margin-bottom: -5rem;
        }

    .my-xxl-60px {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

        .my-xxl-n60px {
            margin-top: -6rem;
            margin-bottom: -6rem;
        }

    .my-xxl-70px {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

        .my-xxl-n70px {
            margin-top: -7rem;
            margin-bottom: -7rem;
        }

    .my-xxl-80px {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

        .my-xxl-n80px {
            margin-top: -8rem;
            margin-bottom: -8rem;
        }

    .my-xxl-90px {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

        .my-xxl-n90px {
            margin-top: -9rem;
            margin-bottom: -9rem;
        }

    .my-xxl-100px {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }

        .my-xxl-n100px {
            margin-top: -10rem;
            margin-bottom: -10rem;
        }

    .my-xxl-auto {
        margin-top: auto;
        margin-bottom: auto;
    }
}



/* -----------------
    06 - XXL
        Margin X
----------------- */

@media (min-width: 1400px) {
    .mx-xxl-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .mx-xxl-3px {
        margin-left: .3rem;
        margin-right: .3rem;
    }

        .mx-xxl-n3px {
            margin-left: -.3rem;
            margin-right: -.3rem;
        }

    .mx-xxl-5px {
        margin-left: .5rem;
        margin-right: .5rem;
    }

        .mx-xxl-n5px {
            margin-left: -.5rem;
            margin-right: -.5rem;
        }

    .mx-xxl-8px {
        margin-left: .8rem;
        margin-right: .8rem;
    }

        .mx-xxl-n8px {
            margin-left: -.8rem;
            margin-right: -.8rem;
        }

    .mx-xxl-10px {
        margin-left: 1rem;
        margin-right: 1rem;
    }

        .mx-xxl-n10px {
            margin-left: -1rem;
            margin-right: -1rem;
        }

    .mx-xxl-15px {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

        .mx-xxl-n15px {
            margin-left: -1.5rem;
            margin-right: -1.5rem;
        }

    .mx-xxl-30px {
        margin-left: 3rem;
        margin-right: 3rem;
    }

        .mx-xxl-n30px {
            margin-left: -3rem;
            margin-right: -3rem;
        }

    .mx-xxl-40px {
        margin-left: 4rem;
        margin-right: 4rem;
    }

        .mx-xxl-n40px {
            margin-left: -4rem;
            margin-right: -4rem;
        }

    .mx-xxl-50px {
        margin-left: 5rem;
        margin-right: 5rem;
    }

        .mx-xxl-n50px {
            margin-left: -5rem;
            margin-right: -5rem;
        }

    .mx-xxl-60px {
        margin-left: 6rem;
        margin-right: 6rem;
    }

        .mx-xxl-n60px {
            margin-left: -6rem;
            margin-right: -6rem;
        }

    .mx-xxl-70px {
        margin-left: 7rem;
        margin-right: 7rem;
    }

        .mx-xxl-n70px {
            margin-left: -7rem;
            margin-right: -7rem;
        }

    .mx-xxl-80px {
        margin-left: 8rem;
        margin-right: 8rem;
    }

        .mx-xxl-n80px {
            margin-left: -8rem;
            margin-right: -8rem;
        }

    .mx-xxl-90px {
        margin-left: 9rem;
        margin-right: 9rem;
    }

        .mx-xxl-n90px {
            margin-left: -9rem;
            margin-right: -9rem;
        }

    .mx-xxl-100px {
        margin-left: 10rem;
        margin-right: 10rem;
    }

        .mx-xxl-n100px {
            margin-left: -10rem;
            margin-right: -10rem;
        }

    .mx-xxl-auto {
        margin-left: auto;
        margin-right: auto;
    }
}


/* -----------------
    06 - XXL
        Margin-top
----------------- */

@media (min-width: 1400px) {
    .mt-xxl-0 {
        margin-top: 0;
    }

    .mt-xxl-3px {
        margin-top: .3rem;
    }

        .mt-xxl-n3px {
            margin-top: -.3rem;
        }

    .mt-xxl-5px {
        margin-top: .5rem;
    }

        .mt-xxl-n5px {
            margin-top: -.5rem;
        }

    .mt-xxl-8px {
        margin-top: .8rem;
    }

        .mt-xxl-n8px {
            margin-top: -.8rem;
        }

    .mt-xxl-10px {
        margin-top: 1rem;
    }

        .mt-xxl-n10px {
            margin-top: -1rem;
        }

    .mt-xxl-15px {
        margin-top: 1.5rem;
    }

        .mt-xxl-n15px {
            margin-top: -1.5rem;
        }

    .mt-xxl-30px {
        margin-top: 3rem;
    }

        .mt-xxl-n30px {
            margin-top: -3rem;
        }

    .mt-xxl-40px {
        margin-top: 4rem;
    }

        .mt-xxl-n40px {
            margin-top: -4rem;
        }

    .mt-xxl-50px {
        margin-top: 5rem;
    }

        .mt-xxl-n50px {
            margin-top: -5rem;
        }

    .mt-xxl-60px {
        margin-top: 6rem;
    }

        .mt-xxl-n60px {
            margin-top: -6rem;
        }

    .mt-xxl-70px {
        margin-top: 7rem;
    }

        .mt-xxl-n70px {
            margin-top: -7rem;
        }

    .mt-xxl-80px {
        margin-top: 8rem;
    }

        .mt-xxl-n80px {
            margin-top: -8rem;
        }

    .mt-xxl-90px {
        margin-top: 9rem;
    }

        .mt-xxl-n90px {
            margin-top: -9rem;
        }

    .mt-xxl-100px {
        margin-top: 10rem;
    }

        .mt-xxl-n100px {
            margin-top: -10rem;
        }

    .mt-xxl-auto {
        margin-top: auto;
    }
}



/* -----------------
    06 - XXL
        Margin-right
----------------- */

@media (min-width: 1400px) {
    .mr-xxl-0 {
        margin-right: 0;
    }

    .mr-xxl-3px {
        margin-right: .3rem;
    }

        .mr-xxl-n3px {
            margin-right: -.3rem;
        }

    .mr-xxl-5px {
        margin-right: .5rem;
    }

        .mr-xxl-n5px {
            margin-right: -.5rem;
        }

    .mr-xxl-8px {
        margin-right: .8rem;
    }

        .mr-xxl-n8px {
            margin-right: -.8rem;
        }

    .mr-xxl-10px {
        margin-right: 1rem;
    }

        .mr-xxl-n10px {
            margin-right: -1rem;
        }

    .mr-xxl-15px {
        margin-right: 1.5rem;
    }

        .mr-xxl-n15px {
            margin-right: -1.5rem;
        }

    .mr-xxl-30px {
        margin-right: 3rem;
    }

        .mr-xxl-n30px {
            margin-right: -3rem;
        }

    .mr-xxl-40px {
        margin-right: 4rem;
    }

        .mr-xxl-n40px {
            margin-right: -4rem;
        }

    .mr-xxl-50px {
        margin-right: 5rem;
    }

        .mr-xxl-n50px {
            margin-right: -5rem;
        }

    .mr-xxl-60px {
        margin-right: 6rem;
    }

        .mr-xxl-n60px {
            margin-right: -6rem;
        }

    .mr-xxl-70px {
        margin-right: 7rem;
    }

        .mr-xxl-n70px {
            margin-right: -7rem;
        }

    .mr-xxl-80px {
        margin-right: 8rem;
    }

        .mr-xxl-n80px {
            margin-right: -8rem;
        }

    .mr-xxl-90px {
        margin-right: 9rem;
    }

        .mr-xxl-n90px {
            margin-right: -9rem;
        }

    .mr-xxl-100px {
        margin-right: 10rem;
    }

        .mr-xxl-n100px {
            margin-right: -10rem;
        }

    .mr-xxl-auto {
        margin-right: auto;
    }
}



/* -----------------
    06 - XXL
        Margin-bottom
----------------- */

@media (min-width: 1400px) {
    .mb-xxl-0 {
        margin-bottom: 0;
    }

    .mb-xxl-3px {
        margin-bottom: .3rem;
    }

        .mb-xxl-n3px {
            margin-bottom: -.3rem;
        }

    .mb-xxl-5px {
        margin-bottom: .5rem;
    }

        .mb-xxl-n5px {
            margin-bottom: -.5rem;
        }

    .mb-xxl-8px {
        margin-bottom: .8rem;
    }

        .mb-xxl-n8px {
            margin-bottom: -.8rem;
        }

    .mb-xxl-10px {
        margin-bottom: 1rem;
    }

        .mb-xxl-n10px {
            margin-bottom: -1rem;
        }

    .mb-xxl-15px {
        margin-bottom: 1.5rem;
    }

        .mb-xxl-n15px {
            margin-bottom: -1.5rem;
        }

    .mb-xxl-30px {
        margin-bottom: 3rem;
    }

        .mb-xxl-n30px {
            margin-bottom: -3rem;
        }

    .mb-xxl-40px {
        margin-bottom: 4rem;
    }

        .mb-xxl-n40px {
            margin-bottom: -4rem;
        }

    .mb-xxl-50px {
        margin-bottom: 5rem;
    }

        .mb-xxl-n50px {
            margin-bottom: -5rem;
        }

    .mb-xxl-60px {
        margin-bottom: 6rem;
    }

        .mb-xxl-n60px {
            margin-bottom: -6rem;
        }

    .mb-xxl-70px {
        margin-bottom: 7rem;
    }

        .mb-xxl-n70px {
            margin-bottom: -7rem;
        }

    .mb-xxl-80px {
        margin-bottom: 8rem;
    }

        .mb-xxl-n80px {
            margin-bottom: -8rem;
        }

    .mb-xxl-90px {
        margin-bottom: 9rem;
    }

        .mb-xxl-n90px {
            margin-bottom: -9rem;
        }

    .mb-xxl-100px {
        margin-bottom: 10rem;
    }

        .mb-xxl-n100px {
            margin-bottom: -10rem;
        }

    .mb-xxl-auto {
        margin-bottom: auto;
    }
}



/* -----------------
    06 - XXL
        Margin-left
----------------- */

@media (min-width: 1400px) {
    .ml-xxl-0 {
        margin-left: 0;
    }

    .ml-xxl-3px {
        margin-left: .3rem;
    }

        .ml-xxl-n3px {
            margin-left: -.3rem;
        }

    .ml-xxl-5px {
        margin-left: .5rem;
    }

        .ml-xxl-n5px {
            margin-left: -.5rem;
        }

    .ml-xxl-8px {
        margin-left: .8rem;
    }

        .ml-xxl-n8px {
            margin-left: -.8rem;
        }

    .ml-xxl-10px {
        margin-left: 1rem;
    }

        .ml-xxl-n10px {
            margin-left: -1rem;
        }

    .ml-xxl-15px {
        margin-left: 1.5rem;
    }

        .ml-xxl-n15px {
            margin-left: -1.5rem;
        }

    .ml-xxl-30px {
        margin-left: 3rem;
    }

        .ml-xxl-n30px {
            margin-left: -3rem;
        }

    .ml-xxl-40px {
        margin-left: 4rem;
    }

        .ml-xxl-n40px {
            margin-left: -4rem;
        }

    .ml-xxl-50px {
        margin-left: 5rem;
    }

        .ml-xxl-n50px {
            margin-left: -5rem;
        }

    .ml-xxl-60px {
        margin-left: 6rem;
    }

        .ml-xxl-n60px {
            margin-left: -6rem;
        }

    .ml-xxl-70px {
        margin-left: 7rem;
    }

        .ml-xxl-n70px {
            margin-left: -7rem;
        }

    .ml-xxl-80px {
        margin-left: 8rem;
    }

        .ml-xxl-n80px {
            margin-left: -8rem;
        }

    .ml-xxl-90px {
        margin-left: 9rem;
    }

        .ml-xxl-n90px {
            margin-left: -9rem;
        }

    .ml-xxl-100px {
        margin-left: 10rem;
    }

        .ml-xxl-n100px {
            margin-left: -10rem;
        }

    .ml-xxl-auto {
        margin-left: auto;
    }
}
