@media (min-width: 768px) {
    .mt-sm-1 {
        margin-top: 1rem;
    }

    .mb-sm-1 {
        margin-bottom: 1rem;
    }
    .px-sm-3 {
        padding-left: 3rem;
        padding-right: 3rem; 
    }
}

@media (min-width: 991px) {
    .mb-md-2 {
        margin-bottom: 2rem;
    }

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

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

    .p-md-1-5 {
        padding: 1.5rem;
    }

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

@media (min-width: 1280px) {
    .mx-lg-3 {
        margin-left: 3rem;
        margin-right: 3rem;
    }

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

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

@media (min-width: 1536px) {    

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

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

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

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

    .mb-xl-1-5 {
        margin-bottom: 1.5rem;
    }

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

@media (max-width: 990px) { 
    .mb-mobile-4 {
        margin-bottom: 4rem;
    }
    .px-xs-3 {
        padding-left: 3rem;
        padding-right: 3rem; 
    }
    .px-xs-1 {
        padding-left: 1rem;
        padding-right: 1rem; 
    }

    .px-xs-0 {
        padding-left: 0rem;
        padding-right: 0rem; 
    }
}