.ma-0 {
    margin: 0!important;
}
.ma-1 {
    margin: 4px!important;
}
.ma-2 {
    margin: 8px!important;
}
.ma-3 {
    margin: 16px!important;
}
.ma-4 {
    margin: 24px!important;
}
.ma-5 {
    margin: 32px!important;
}
.ma-6 {
    margin: 40px!important;
}

.mt-0 {
    margin-top: 0!important;
}
.mt-1 {
    margin-top: 4px!important;
}
.mt-2 {
    margin-top: 8px!important;
}
.mt-3 {
    margin-top: 16px!important;
}
.mt-4 {
    margin-top: 24px!important;
}
.mt-5 {
    margin-top: 32px!important;
}
.mt-6 {
    margin-top: 40px!important;
}


.mb-0 {
    margin-bottom: 0!important;
}
.mb-1 {
    margin-bottom: 4px!important;
}
.mb-2 {
    margin-bottom: 8px!important;
}
.mb-3 {
    margin-bottom: 16px!important;
}
.mb-4 {
    margin-bottom: 24px!important;
}
.mb-5 {
    margin-bottom: 32px!important;
}
.mb-6 {
    margin-bottom: 40px!important;
}

.mr-0 {
    margin-right: 0!important;
}
.mr-1 {
    margin-right: 4px!important;
}
.mr-2 {
    margin-right: 8px!important;
}
.mr-3 {
    margin-right: 16px!important;
}
.mr-4 {
    margin-right: 24px!important;
}
.mr-5 {
    margin-right: 32px!important;
}
.mr-6 {
    margin-right: 40px!important;
}

.ml-0 {
    margin-left: 0!important;
}
.ml-1 {
    margin-left: 4px!important;
}
.ml-2 {
    margin-left: 8px!important;
}
.ml-3 {
    margin-left: 16px!important;
}
.ml-4 {
    margin-left: 24px!important;
}
.ml-5 {
    margin-left: 32px!important;
}
.ml-6 {
    margin-left: 40px!important;
}

.mx-n3 {
    margin-left: -16px!important;
    margin-right: -16px!important;
}
.mx-0 {
    margin-left: 0!important;
    margin-right: 0!important;
}
.mx-1 {
    margin-left: 4px!important;
    margin-right: 4px!important;
}
.mx-2 {
    margin-left: 8px!important;
    margin-right: 8px!important;
}
.mx-3 {
    margin-left: 16px!important;
    margin-right: 16px!important;
}
.mx-4 {
    margin-left: 24px!important;
    margin-right: 24px!important;
}
.mx-5 {
    margin-left: 32px!important;
    margin-right: 32px!important;
}
.mx-6 {
    margin-left: 40px!important;
    margin-right: 40px!important;
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.my-1 {
    margin-top: 4px!important;
    margin-bottom: 4px!important;
}
.my-2 {
    margin-top: 8px!important;
    margin-bottom: 8px!important;
}
.my-3 {
    margin-top: 16px!important;
    margin-bottom: 16px!important;
}
.my-4 {
    margin-top: 24px!important;
    margin-bottom: 24px!important;
}
.my-5 {
    margin-top: 32px!important;
    margin-bottom: 32px!important;
}
.my-6 {
    margin-top: 40px!important;
    margin-bottom: 40px!important;
}

@media (min-width: 1024px) {
    .ma-md-0 {
        margin: 0!important;
    }
    .ma-md-1 {
        margin: 4px!important;
    }
    .ma-md-2 {
        margin: 8px!important;
    }
    .ma-md-3 {
        margin: 16px!important;
    }
    .ma-md-4 {
        margin: 24px!important;
    }
    .ma-md-5 {
        margin: 32px!important;
    }
    .ma-md-6 {
        margin: 40px!important;
    }

    .mt-md-0 {
        margin-top: 0!important;
    }
    .mt-md-1 {
        margin-top: 4px!important;
    }
    .mt-md-2 {
        margin-top: 8px!important;
    }
    .mt-md-3 {
        margin-top: 16px!important;
    }
    .mt-md-4 {
        margin-top: 24px!important;
    }
    .mt-md-5 {
        margin-top: 32px!important;
    }
    .mt-md-6 {
        margin-top: 40px!important;
    }

    .mb-md-0 {
        margin-bottom: 0!important;
    }
    .mb-md-1 {
        margin-bottom: 4px!important;
    }
    .mb-md-2 {
        margin-bottom: 8px!important;
    }
    .mb-md-3 {
        margin-bottom: 16px!important;
    }
    .mb-md-4 {
        margin-bottom: 24px!important;
    }
    .mb-md-5 {
        margin-bottom: 32px!important;
    }
    .mb-md-6 {
        margin-bottom: 40px!important;
    }

    .mr-md-0 {
        margin-right: 0!important;
    }
    .mr-md-1 {
        margin-right: 4px!important;
    }
    .mr-md-2 {
        margin-right: 8px!important;
    }
    .mr-md-3 {
        margin-right: 16px!important;
    }
    .mr-md-4 {
        margin-right: 24px!important;
    }
    .mr-md-5 {
        margin-right: 32px!important;
    }
    .mr-md-6 {
        margin-right: 40px!important;
    }

    .ml-md-0 {
        margin-left: 0!important;
    }
    .ml-md-1 {
        margin-left: 4px!important;
    }
    .ml-md-2 {
        margin-left: 8px!important;
    }
    .ml-md-3 {
        margin-left: 16px!important;
    }
    .ml-md-4 {
        margin-left: 24px!important;
    }
    .ml-md-5 {
        margin-left: 32px!important;
    }
    .ml-md-6 {
        margin-left: 40px!important;
    }

    .mx-md-n3 {
        margin-left: -16px!important;
        margin-right: -16px!important;
    }
    .mx-md-0 {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .mx-md-1 {
        margin-left: 4px!important;
        margin-right: 4px!important;
    }
    .mx-md-2 {
        margin-left: 8px!important;
        margin-right: 8px!important;
    }
    .mx-md-3 {
        margin-left: 16px!important;
        margin-right: 16px!important;
    }
    .mx-md-4 {
        margin-left: 24px!important;
        margin-right: 24px!important;
    }
    .mx-md-5 {
        margin-left: 32px!important;
        margin-right: 32px!important;
    }
    .mx-md-6 {
        margin-left: 40px!important;
        margin-right: 40px!important;
    }

    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }
    .my-md-1 {
        margin-top: 4px!important;
        margin-bottom: 4px!important;
    }
    .my-md-2 {
        margin-top: 8px!important;
        margin-bottom: 8px!important;
    }
    .my-md-3 {
        margin-top: 16px!important;
        margin-bottom: 16px!important;
    }
    .my-md-4 {
        margin-top: 24px!important;
        margin-bottom: 24px!important;
    }
    .my-md-5 {
        margin-top: 32px!important;
        margin-bottom: 32px!important;
    }
    .my-md-6 {
        margin-top: 40px!important;
        margin-bottom: 40px!important;
    }
}

@media (min-width: 1240px) {
    .ma-lg-0 {
        margin: 0!important;
    }
    .ma-lg-1 {
        margin: 4px!important;
    }
    .ma-lg-2 {
        margin: 8px!important;
    }
    .ma-lg-3 {
        margin: 16px!important;
    }
    .ma-lg-4 {
        margin: 24px!important;
    }
    .ma-lg-5 {
        margin: 32px!important;
    }
    .ma-lg-6 {
        margin: 40px!important;
    }

    .mt-lg-0 {
        margin-top: 0!important;
    }
    .mt-lg-1 {
        margin-top: 4px!important;
    }
    .mt-lg-2 {
        margin-top: 8px!important;
    }
    .mt-lg-3 {
        margin-top: 16px!important;
    }
    .mt-lg-4 {
        margin-top: 24px!important;
    }
    .mt-lg-5 {
        margin-top: 32px!important;
    }
    .mt-lg-6 {
        margin-top: 40px!important;
    }

    .mb-lg-0 {
        margin-bottom: 0!important;
    }
    .mb-lg-1 {
        margin-bottom: 4px!important;
    }
    .mb-lg-2 {
        margin-bottom: 8px!important;
    }
    .mb-lg-3 {
        margin-bottom: 16px!important;
    }
    .mb-lg-4 {
        margin-bottom: 24px!important;
    }
    .mb-lg-5 {
        margin-bottom: 32px!important;
    }
    .mb-lg-6 {
        margin-bottom: 40px!important;
    }

    .mr-lg-0 {
        margin-right: 0!important;
    }
    .mr-lg-1 {
        margin-right: 4px!important;
    }
    .mr-lg-2 {
        margin-right: 8px!important;
    }
    .mr-lg-3 {
        margin-right: 16px!important;
    }
    .mr-lg-4 {
        margin-right: 24px!important;
    }
    .mr-lg-5 {
        margin-right: 32px!important;
    }
    .mr-lg-6 {
        margin-right: 40px!important;
    }

    .ml-lg-0 {
        margin-left: 0!important;
    }
    .ml-lg-1 {
        margin-left: 4px!important;
    }
    .ml-lg-2 {
        margin-left: 8px!important;
    }
    .ml-lg-3 {
        margin-left: 16px!important;
    }
    .ml-lg-4 {
        margin-left: 24px!important;
    }
    .ml-lg-5 {
        margin-left: 32px!important;
    }
    .ml-lg-6 {
        margin-left: 40px!important;
    }

    .mx-lg-n3 {
        margin-left: -16px!important;
        margin-right: -16px!important;
    }
    .mx-lg-0 {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .mx-lg-1 {
        margin-left: 4px!important;
        margin-right: 4px!important;
    }
    .mx-lg-2 {
        margin-left: 8px!important;
        margin-right: 8px!important;
    }
    .mx-lg-3 {
        margin-left: 16px!important;
        margin-right: 16px!important;
    }
    .mx-lg-4 {
        margin-left: 24px!important;
        margin-right: 24px!important;
    }
    .mx-lg-5 {
        margin-left: 32px!important;
        margin-right: 32px!important;
    }
    .mx-lg-6 {
        margin-left: 40px!important;
        margin-right: 40px!important;
    }

    .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }
    .my-lg-1 {
        margin-top: 4px!important;
        margin-bottom: 4px!important;
    }
    .my-lg-2 {
        margin-top: 8px!important;
        margin-bottom: 8px!important;
    }
    .my-lg-3 {
        margin-top: 16px!important;
        margin-bottom: 16px!important;
    }
    .my-lg-4 {
        margin-top: 24px!important;
        margin-bottom: 24px!important;
    }
    .my-lg-5 {
        margin-top: 32px!important;
        margin-bottom: 32px!important;
    }
    .my-lg-6 {
        margin-top: 40px!important;
        margin-bottom: 40px!important;
    }
}
@media (min-width: 1440px) {
    .ma-xl-0 {
        margin: 0!important;
    }
    .ma-xl-1 {
        margin: 4px!important;
    }
    .ma-xl-2 {
        margin: 8px!important;
    }
    .ma-xl-3 {
        margin: 16px!important;
    }
    .ma-xl-4 {
        margin: 24px!important;
    }
    .ma-xl-5 {
        margin: 32px!important;
    }
    .ma-xl-6 {
        margin: 40px!important;
    }

    .mt-xl-0 {
        margin-top: 0!important;
    }
    .mt-xl-1 {
        margin-top: 4px!important;
    }
    .mt-xl-2 {
        margin-top: 8px!important;
    }
    .mt-xl-3 {
        margin-top: 16px!important;
    }
    .mt-xl-4 {
        margin-top: 24px!important;
    }
    .mt-xl-5 {
        margin-top: 32px!important;
    }
    .mt-xl-6 {
        margin-top: 40px!important;
    }

    .mb-xl-0 {
        margin-bottom: 0!important;
    }
    .mb-xl-1 {
        margin-bottom: 4px!important;
    }
    .mb-xl-2 {
        margin-bottom: 8px!important;
    }
    .mb-xl-3 {
        margin-bottom: 16px!important;
    }
    .mb-xl-4 {
        margin-bottom: 24px!important;
    }
    .mb-xl-5 {
        margin-bottom: 32px!important;
    }
    .mb-xl-6 {
        margin-bottom: 40px!important;
    }

    .mr-xl-0 {
        margin-right: 0!important;
    }
    .mr-xl-1 {
        margin-right: 4px!important;
    }
    .mr-xl-2 {
        margin-right: 8px!important;
    }
    .mr-xl-3 {
        margin-right: 16px!important;
    }
    .mr-xl-4 {
        margin-right: 24px!important;
    }
    .mr-xl-5 {
        margin-right: 32px!important;
    }
    .mr-xl-6 {
        margin-right: 40px!important;
    }

    .ml-xl-0 {
        margin-left: 0!important;
    }
    .ml-xl-1 {
        margin-left: 4px!important;
    }
    .ml-xl-2 {
        margin-left: 8px!important;
    }
    .ml-xl-3 {
        margin-left: 16px!important;
    }
    .ml-xl-4 {
        margin-left: 24px!important;
    }
    .ml-xl-5 {
        margin-left: 32px!important;
    }
    .ml-xl-6 {
        margin-left: 40px!important;
    }

    .mx-xl-n3 {
        margin-left: -16px!important;
        margin-right: -16px!important;
    }
    .mx-xl-0 {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .mx-xl-1 {
        margin-left: 4px!important;
        margin-right: 4px!important;
    }
    .mx-xl-2 {
        margin-left: 8px!important;
        margin-right: 8px!important;
    }
    .mx-xl-3 {
        margin-left: 16px!important;
        margin-right: 16px!important;
    }
    .mx-xl-4 {
        margin-left: 24px!important;
        margin-right: 24px!important;
    }
    .mx-xl-5 {
        margin-left: 32px!important;
        margin-right: 32px!important;
    }
    .mx-xl-6 {
        margin-left: 40px!important;
        margin-right: 40px!important;
    }

    .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }
    .my-xl-1 {
        margin-top: 4px!important;
        margin-bottom: 4px!important;
    }
    .my-xl-2 {
        margin-top: 8px!important;
        margin-bottom: 8px!important;
    }
    .my-xl-3 {
        margin-top: 16px!important;
        margin-bottom: 16px!important;
    }
    .my-xl-4 {
        margin-top: 24px!important;
        margin-bottom: 24px!important;
    }
    .my-xl-5 {
        margin-top: 32px!important;
        margin-bottom: 32px!important;
    }
    .my-xl-6 {
        margin-top: 40px!important;
        margin-bottom: 40px!important;
    }
}