/*Extension bootstrap margin*/
.m-6 {
    margin: 4rem !important;
}

.mt-6,
.my-6 {
    margin-top: 4rem !important;
}

.mr-6,
.mx-6 {
    margin-right: 4rem !important;
}

.mb-6,
.my-6 {
    margin-bottom: 4rem !important;
}

.ml-6,
.mx-6 {
    margin-left: 6rem !important;
}

m-7 {
    margin: 6rem !important;
}

.mt-7,
.my-7 {
    margin-top: 6rem !important;
}

.mr-7,
.mx-7 {
    margin-right: 6rem !important;
}

.mb-7,
.my-7 {
    margin-bottom: 6rem !important;
}

.ml-7,
.mx-7 {
    margin-left: 6rem !important;
}

m-8 {
    margin: 8rem !important;
}

.mt-8,
.my-8 {
    margin-top: 8rem !important;
}

.mr-8,
.mx-8 {
    margin-right: 8rem !important;
}

.mb-8,
.my-8 {
    margin-bottom: 8rem !important;
}

.ml-8,
.mx-8 {
    margin-left: 8rem !important;
}

/*Extension bootstrap padding*/
.p-6 {
    padding: 4rem !important;
}

.pt-6,
.py-6 {
    padding-top: 4rem !important;
}

.pr-6,
.px-6 {
    padding-right: 4rem !important;
}

.pb-6,
.py-6 {
    padding-bottom: 4rem !important;
}

.pl-6,
.px-6 {
    padding-left: 4rem !important;
}

p-7 {
    padding: 6rem !important;
}

.pt-7,
.py-7 {
    padding-top: 6rem !important;
}

.pr-7,
.px-7 {
    padding-right: 6rem !important;
}

.pb-7,
.py-7 {
    padding-bottom: 6rem !important;
}

.pl-7,
.px-7 {
    padding-left: 6rem !important;
}

p-8 {
    padding: 8rem !important;
}

.pt-8,
.py-8 {
    padding-top: 8rem !important;
}

.pr-8,
.px-8 {
    padding-right: 8rem !important;
}

.pb-8,
.py-8 {
    padding-bottom: 8rem !important;
}

.pl-8,
.px-8 {
    padding-left: 8rem !important;
}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .m-sm-6 {
        margin: 4rem !important;
    }

    .mt-sm-6,
    .my-sm-6 {
        margin-top: 4rem !important;
    }

    .mr-sm-6,
    .mx-sm-6 {
        margin-right: 4rem !important;
    }

    .mb-sm-6,
    .my-sm-6 {
        margin-bottom: 4rem !important;
    }

    .ml-sm-6,
    .mx-sm-6 {
        margin-left: 6rem !important;
    }

    m-sm-7 {
        margin: 6rem !important;
    }

    .mt-sm-7,
    .my-sm-7 {
        margin-top: 6rem !important;
    }

    .mr-sm-7,
    .mx-sm-7 {
        margin-right: 6rem !important;
    }

    .mb-sm-7,
    .my-sm-7 {
        margin-bottom: 6rem !important;
    }

    .ml-sm-7,
    .mx-sm-7 {
        margin-left: 6rem !important;
    }

    m-sm-8 {
        margin: 8rem !important;
    }

    .mt-sm-8,
    .my-sm-8 {
        margin-top: 8rem !important;
    }

    .mr-sm-8,
    .mx-sm-8 {
        margin-right: 8rem !important;
    }

    .mb-sm-8,
    .my-sm-8 {
        margin-bottom: 8rem !important;
    }

    .ml-sm-8,
    .mx-sm-8 {
        margin-left: 8rem !important;
    }

    .p-sm-6 {
        padding: 4rem !important;
    }

    .pt-sm-6,
    .py-sm-6 {
        padding-top: 4rem !important;
    }

    .pr-sm-6,
    .px-sm-6 {
        padding-right: 4rem !important;
    }

    .pb-sm-6,
    .py-sm-6 {
        padding-bottom: 4rem !important;
    }

    .pl-sm-6,
    .px-sm-6 {
        padding-left: 4rem !important;
    }

    p-sm-7 {
        padding: 6rem !important;
    }

    .pt-sm-7,
    .py-sm-7 {
        padding-top: 6rem !important;
    }

    .pr-sm-7,
    .px-sm-7 {
        padding-right: 6rem !important;
    }

    .pb-sm-7,
    .py-sm-7 {
        padding-bottom: 6rem !important;
    }

    .pl-sm-7,
    .px-sm-7 {
        padding-left: 6rem !important;
    }

    p-sm-8 {
        padding: 8rem !important;
    }

    .pt-sm-8,
    .py-sm-8 {
        padding-top: 8rem !important;
    }

    .pr-sm-8,
    .px-sm-8 {
        padding-right: 8rem !important;
    }

    .pb-sm-8,
    .py-sm-8 {
        padding-bottom: 8rem !important;
    }

    .pl-sm-8,
    .px-sm-8 {
        padding-left: 8rem !important;
    }
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .m-md-6 {
        margin: 4rem !important;
    }

    .mt-md-6,
    .my-md-6 {
        margin-top: 4rem !important;
    }

    .mr-md-6,
    .mx-md-6 {
        margin-right: 4rem !important;
    }

    .mb-md-6,
    .my-md-6 {
        margin-bottom: 4rem !important;
    }

    .ml-md-6,
    .mx-md-6 {
        margin-left: 6rem !important;
    }

    m-md-7 {
        margin: 6rem !important;
    }

    .mt-md-7,
    .my-md-7 {
        margin-top: 6rem !important;
    }

    .mr-md-7,
    .mx-md-7 {
        margin-right: 6rem !important;
    }

    .mb-md-7,
    .my-md-7 {
        margin-bottom: 6rem !important;
    }

    .ml-md-7,
    .mx-md-7 {
        margin-left: 6rem !important;
    }

    m-md-8 {
        margin: 8rem !important;
    }

    .mt-md-8,
    .my-md-8 {
        margin-top: 8rem !important;
    }

    .mr-md-8,
    .mx-md-8 {
        margin-right: 8rem !important;
    }

    .mb-md-8,
    .my-md-8 {
        margin-bottom: 8rem !important;
    }

    .ml-md-8,
    .mx-md-8 {
        margin-left: 8rem !important;
    }

    .p-md-6 {
        padding: 4rem !important;
    }

    .pt-md-6,
    .py-md-6 {
        padding-top: 4rem !important;
    }

    .pr-md-6,
    .px-md-6 {
        padding-right: 4rem !important;
    }

    .pb-md-6,
    .py-md-6 {
        padding-bottom: 4rem !important;
    }

    .pl-md-6,
    .px-md-6 {
        padding-left: 4rem !important;
    }

    p-md-7 {
        padding: 6rem !important;
    }

    .pt-md-7,
    .py-md-7 {
        padding-top: 6rem !important;
    }

    .pr-md-7,
    .px-md-7 {
        padding-right: 6rem !important;
    }

    .pb-md-7,
    .py-md-7 {
        padding-bottom: 6rem !important;
    }

    .pl-md-7,
    .px-md-7 {
        padding-left: 6rem !important;
    }

    p-md-8 {
        padding: 8rem !important;
    }

    .pt-md-8,
    .py-md-8 {
        padding-top: 8rem !important;
    }

    .pr-md-8,
    .px-md-8 {
        padding-right: 8rem !important;
    }

    .pb-md-8,
    .py-md-8 {
        padding-bottom: 8rem !important;
    }

    .pl-md-8,
    .px-md-8 {
        padding-left: 8rem !important;
    }
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .m-lg-6 {
        margin: 4rem !important;
    }

    .mt-lg-6,
    .my-lg-6 {
        margin-top: 4rem !important;
    }

    .mr-lg-6,
    .mx-lg-6 {
        margin-right: 4rem !important;
    }

    .mb-lg-6,
    .my-lg-6 {
        margin-bottom: 4rem !important;
    }

    .ml-lg-6,
    .mx-lg-6 {
        margin-left: 6rem !important;
    }

    m-lg-7 {
        margin: 6rem !important;
    }

    .mt-lg-7,
    .my-lg-7 {
        margin-top: 6rem !important;
    }

    .mr-lg-7,
    .mx-lg-7 {
        margin-right: 6rem !important;
    }

    .mb-lg-7,
    .my-lg-7 {
        margin-bottom: 6rem !important;
    }

    .ml-lg-7,
    .mx-lg-7 {
        margin-left: 6rem !important;
    }

    m-lg-8 {
        margin: 8rem !important;
    }

    .mt-lg-8,
    .my-lg-8 {
        margin-top: 8rem !important;
    }

    .mr-lg-8,
    .mx-lg-8 {
        margin-right: 8rem !important;
    }

    .mb-lg-8,
    .my-lg-8 {
        margin-bottom: 8rem !important;
    }

    .ml-lg-8,
    .mx-lg-8 {
        margin-left: 8rem !important;
    }

    .p-lg-6 {
        padding: 4rem !important;
    }

    .pt-lg-6,
    .py-lg-6 {
        padding-top: 4rem !important;
    }

    .pr-lg-6,
    .px-lg-6 {
        padding-right: 4rem !important;
    }

    .pb-lg-6,
    .py-lg-6 {
        padding-bottom: 4rem !important;
    }

    .pl-lg-6,
    .px-lg-6 {
        padding-left: 4rem !important;
    }

    p-lg-7 {
        padding: 6rem !important;
    }

    .pt-lg-7,
    .py-lg-7 {
        padding-top: 6rem !important;
    }

    .pr-lg-7,
    .px-lg-7 {
        padding-right: 6rem !important;
    }

    .pb-lg-7,
    .py-lg-7 {
        padding-bottom: 6rem !important;
    }

    .pl-lg-7,
    .px-lg-7 {
        padding-left: 6rem !important;
    }

    p-lg-8 {
        padding: 8rem !important;
    }

    .pt-lg-8,
    .py-lg-8 {
        padding-top: 8rem !important;
    }

    .pr-lg-8,
    .px-lg-8 {
        padding-right: 8rem !important;
    }

    .pb-lg-8,
    .py-lg-8 {
        padding-bottom: 8rem !important;
    }

    .pl-lg-8,
    .px-lg-8 {
        padding-left: 8rem !important;
    }
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    .m-xl-6 {
        margin: 4rem !important;
    }

    .mt-xl-6,
    .my-xl-6 {
        margin-top: 4rem !important;
    }

    .mr-xl-6,
    .mx-xl-6 {
        margin-right: 4rem !important;
    }

    .mb-xl-6,
    .my-xl-6 {
        margin-bottom: 4rem !important;
    }

    .ml-xl-6,
    .mx-xl-6 {
        margin-left: 6rem !important;
    }

    m-xl-7 {
        margin: 6rem !important;
    }

    .mt-xl-7,
    .my-xl-7 {
        margin-top: 6rem !important;
    }

    .mr-xl-7,
    .mx-xl-7 {
        margin-right: 6rem !important;
    }

    .mb-xl-7,
    .my-xl-7 {
        margin-bottom: 6rem !important;
    }

    .ml-xl-7,
    .mx-xl-7 {
        margin-left: 6rem !important;
    }

    m-xl-8 {
        margin: 8rem !important;
    }

    .mt-xl-8,
    .my-xl-8 {
        margin-top: 8rem !important;
    }

    .mr-xl-8,
    .mx-xl-8 {
        margin-right: 8rem !important;
    }

    .mb-xl-8,
    .my-xl-8 {
        margin-bottom: 8rem !important;
    }

    .ml-xl-8,
    .mx-xl-8 {
        margin-left: 8rem !important;
    }

    .p-xl-6 {
        padding: 4rem !important;
    }

    .pt-xl-6,
    .py-xl-6 {
        padding-top: 4rem !important;
    }

    .pr-xl-6,
    .px-xl-6 {
        padding-right: 4rem !important;
    }

    .pb-xl-6,
    .py-xl-6 {
        padding-bottom: 4rem !important;
    }

    .pl-xl-6,
    .px-xl-6 {
        padding-left: 4rem !important;
    }

    p-xl-7 {
        padding: 6rem !important;
    }

    .pt-xl-7,
    .py-xl-7 {
        padding-top: 6rem !important;
    }

    .pr-xl-7,
    .px-xl-7 {
        padding-right: 6rem !important;
    }

    .pb-xl-7,
    .py-xl-7 {
        padding-bottom: 6rem !important;
    }

    .pl-xl-7,
    .px-xl-7 {
        padding-left: 6rem !important;
    }

    p-xl-8 {
        padding: 8rem !important;
    }

    .pt-xl-8,
    .py-xl-8 {
        padding-top: 8rem !important;
    }

    .pr-xl-8,
    .px-xl-8 {
        padding-right: 8rem !important;
    }

    .pb-xl-8,
    .py-xl-8 {
        padding-bottom: 8rem !important;
    }

    .pl-xl-8,
    .px-xl-8 {
        padding-left: 8rem !important;
    }
}