/* 

    File: spacing.css
    History: Has been created for connecting web builders and custom CSS.
    Function: Centralized and makes css spacing content more flexible
    Version: 2.1.0
    Author: NEUE
    Last update: 03.09.2020
    Realeases:
     - 2.1.0 / 03.09.2020 / Add only media
     - 2.0.0 / 27.08.2020 / Add responsive rules and change the main structure
     - 1.0.0 / 19.08.2019 

*/

/* Spacing > Margin top */

.spacing-out-top-small,
.spacing-out-v-small,
.spacing-out-small {
    margin-top: 1rem;
}

.spacing-out-top-medium,
.spacing-out-v-medium,
.spacing-out-medium {
    margin-top: 2rem;
}

.spacing-out-top-large,
.spacing-out-v-large,
.spacing-out-large {
    margin-top: 4rem;
}

.spacing-out-top-huge,
.spacing-out-v-huge,
.spacing-out-huge {
    margin-top: 8rem;
}

/* Spacing > Margin bottom */

.spacing-out-bottom-small,
.spacing-out-v-small,
.spacing-out-small {
    margin-bottom: 1rem;
}

.spacing-out-bottom-medium,
.spacing-out-v-medium,
.spacing-out-medium {
    margin-bottom: 2rem;
}

.spacing-out-bottom-large,
.spacing-out-v-large,
.spacing-out-large {
    margin-bottom: 4rem;
}

.spacing-out-bottom-huge,
.spacing-out-v-huge,
.spacing-out-huge {
    margin-bottom: 8rem;
}

/* Spacing > Margin Left */

.spacing-out-left-small,
.spacing-out-h-small,
.spacing-out-small {
    margin-left: 1rem;
}

.spacing-out-left-medium,
.spacing-out-h-medium,
.spacing-out-medium {
    margin-left: 2rem;
}

.spacing-out-left-large,
.spacing-out-h-large,
.spacing-out-large {
    margin-left: 4rem;
}

.spacing-out-left-huge,
.spacing-out-h-huge,
.spacing-out-huge {
    margin-left: 8rem;
}

/* Spacing > Margin Right */

.spacing-out-right-small,
.spacing-out-h-small,
.spacing-out-small {
    margin-right: 1rem;
}

.spacing-out-right-medium,
.spacing-out-h-medium,
.spacing-out-medium {
    margin-right: 2rem;
}

.spacing-out-right-large,
.spacing-out-h-large,
.spacing-out-large {
    margin-right: 4rem;
}

.spacing-out-right-huge,
.spacing-out-h-huge,
.spacing-out-huge {
    margin-right: 8rem;
}

/* Spacing > Padding Top */

.spacing-in-top-small,
.spacing-in-v-small,
.spacing-in-small{
    padding-top: 1rem;
}

.spacing-in-top-medium,
.spacing-in-v-medium,
.spacing-in-medium {
    padding-top: 2rem;
}

.spacing-in-top-large,
.spacing-in-v-large,
.spacing-in-large {
    padding-top: 4rem;
}

.spacing-in-top-huge,
.spacing-in-v-huge,
.spacing-in-huge {
    padding-top: 8rem;
}

/* Spacing > Padding Bottom */

.spacing-in-bottom-small,
.spacing-in-v-small,
.spacing-in-small{
    padding-bottom: 1rem;
}

.spacing-in-bottom-medium,
.spacing-in-v-medium,
.spacing-in-medium {
    padding-bottom: 2rem;
}

.spacing-in-bottom-large,
.spacing-in-v-large,
.spacing-in-large {
    padding-bottom: 4rem;
}

.spacing-in-bottom-huge,
.spacing-in-v-huge,
.spacing-in-huge {
    padding-bottom: 8rem;
}

/* Spacing > Padding Left */

.spacing-in-left-small,
.spacing-in-h-small,
.spacing-in-small{
    padding-left: 1rem;
}

.spacing-in-left-medium,
.spacing-in-h-medium,
.spacing-in-medium {
    padding-left: 2rem;
}

.spacing-in-left-large,
.spacing-in-h-large,
.spacing-in-large {
    padding-left: 4rem;
}

.spacing-in-left-huge,
.spacing-in-h-huge,
.spacing-in-huge {
    padding-left: 8rem;
}

/* Spacing > Padding Right */

.spacing-in-right-small,
.spacing-in-h-small,
.spacing-in-small{
    padding-right: 1rem;
}

.spacing-in-right-medium,
.spacing-in-h-medium,
.spacing-in-medium {
    padding-right: 2rem;
}

.spacing-in-right-large,
.spacing-in-h-large,
.spacing-in-large {
    padding-right: 4rem;
}

.spacing-in-right-huge,
.spacing-in-h-huge,
.spacing-in-huge {
    padding-right: 8rem;
}

/* Spacing > Tiny media only > until 480px */
@media screen and (max-width: 480px) {

    /* Spacing > Tiny media only > Margin top */

    .spacing-tmo-out-top-small,
    .spacing-tmo-out-v-small,
    .spacing-tmo-out-small {
        margin-top: 1rem;
    }

    .spacing-tmo-out-top-medium,
    .spacing-tmo-out-v-medium,
    .spacing-tmo-out-medium {
        margin-top: 2rem;
    }

    .spacing-tmo-out-top-large,
    .spacing-tmo-out-v-large,
    .spacing-tmo-out-large {
        margin-top: 4rem;
    }

    .spacing-tmo-out-top-huge,
    .spacing-tmo-out-v-huge,
    .spacing-tmo-out-huge {
        margin-top: 8rem;
    }

    /* Spacing > Tiny media only > Margin bottom */

    .spacing-tmo-out-bottom-small,
    .spacing-tmo-out-v-small,
    .spacing-tmo-out-small {
        margin-bottom: 1rem;
    }

    .spacing-tmo-out-bottom-medium,
    .spacing-tmo-out-v-medium,
    .spacing-tmo-out-medium {
        margin-bottom: 2rem;
    }

    .spacing-tmo-out-bottom-large,
    .spacing-tmo-out-v-large,
    .spacing-tmo-out-large {
        margin-bottom: 4rem;
    }

    .spacing-tmo-out-bottom-huge,
    .spacing-tmo-out-v-huge,
    .spacing-tmo-out-huge {
        margin-bottom: 8rem;
    }

    /* Spacing > Tiny media only > Margin Left */

    .spacing-tmo-out-left-small,
    .spacing-tmo-out-h-small,
    .spacing-tmo-out-small {
        margin-left: 1rem;
    }

    .spacing-tmo-out-left-medium,
    .spacing-tmo-out-h-medium,
    .spacing-tmo-out-medium {
        margin-left: 2rem;
    }

    .spacing-tmo-out-left-large,
    .spacing-tmo-out-h-large,
    .spacing-tmo-out-large {
        margin-left: 4rem;
    }

    .spacing-tmo-out-left-huge,
    .spacing-tmo-out-h-huge,
    .spacing-tmo-out-huge {
        margin-left: 8rem;
    }

    /* Spacing > Tiny media only > Margin Right */

    .spacing-tmo-out-right-small,
    .spacing-tmo-out-h-small,
    .spacing-tmo-out-small {
        margin-right: 1rem;
    }

    .spacing-tmo-out-right-medium,
    .spacing-tmo-out-h-medium,
    .spacing-tmo-out-medium {
        margin-right: 2rem;
    }

    .spacing-tmo-out-right-large,
    .spacing-tmo-out-h-large,
    .spacing-tmo-out-large {
        margin-right: 4rem;
    }

    .spacing-tmo-out-right-huge,
    .spacing-tmo-out-h-huge,
    .spacing-tmo-out-huge {
        margin-right: 8rem;
    }

    /* Spacing > Tiny media only > Padding Top */

    .spacing-tmo-in-top-small,
    .spacing-tmo-in-v-small,
    .spacing-tmo-in-small{
        padding-top: 1rem;
    }

    .spacing-tmo-in-top-medium,
    .spacing-tmo-in-v-medium,
    .spacing-tmo-in-medium {
        padding-top: 2rem;
    }

    .spacing-tmo-in-top-large,
    .spacing-tmo-in-v-large,
    .spacing-tmo-in-large {
        padding-top: 4rem;
    }

    .spacing-tmo-in-top-huge,
    .spacing-tmo-in-v-huge,
    .spacing-tmo-in-huge {
        padding-top: 8rem;
    }

    /* Spacing > Tiny media only > Padding Bottom */

    .spacing-tmo-in-bottom-small,
    .spacing-tmo-in-v-small,
    .spacing-tmo-in-small{
        padding-bottom: 1rem;
    }

    .spacing-tmo-in-bottom-medium,
    .spacing-tmo-in-v-medium,
    .spacing-tmo-in-medium {
        padding-bottom: 2rem;
    }

    .spacing-tmo-in-bottom-large,
    .spacing-tmo-in-v-large,
    .spacing-tmo-in-large {
        padding-bottom: 4rem;
    }

    .spacing-tmo-in-bottom-huge,
    .spacing-tmo-in-v-huge,
    .spacing-tmo-in-huge {
        padding-bottom: 8rem;
    }

    /* Spacing > Tiny media only > Padding Left */

    .spacing-tmo-in-left-small,
    .spacing-tmo-in-h-small,
    .spacing-tmo-in-small{
        padding-left: 1rem;
    }

    .spacing-tmo-in-left-medium,
    .spacing-tmo-in-h-medium,
    .spacing-tmo-in-medium {
        padding-left: 2rem;
    }

    .spacing-tmo-in-left-large,
    .spacing-tmo-in-h-large,
    .spacing-tmo-in-large {
        padding-left: 4rem;
    }

    .spacing-tmo-in-left-huge,
    .spacing-tmo-in-h-huge,
    .spacing-tmo-in-huge {
        padding-left: 8rem;
    }

    /* Spacing > Tiny media only > Padding Right */

    .spacing-tmo-in-right-small,
    .spacing-tmo-in-h-small,
    .spacing-tmo-in-small{
        padding-right: 1rem;
    }

    .spacing-tmo-in-right-medium,
    .spacing-tmo-in-h-medium,
    .spacing-tmo-in-medium {
        padding-right: 2rem;
    }

    .spacing-tmo-in-right-large,
    .spacing-tmo-in-h-large,
    .spacing-tmo-in-large {
        padding-right: 4rem;
    }

    .spacing-tmo-in-right-huge,
    .spacing-tmo-in-h-huge,
    .spacing-tmo-in-huge {
        padding-right: 8rem;
    }

}

/* Spacing > Small media > Since 481px */
@media screen and (min-width: 481px) {

    /* Spacing > Small media > Margin top */

    .spacing-sm-out-top-small,
    .spacing-sm-out-v-small,
    .spacing-sm-out-small {
        margin-top: 1rem;
    }

    .spacing-sm-out-top-medium,
    .spacing-sm-out-v-medium,
    .spacing-sm-out-medium {
        margin-top: 2rem;
    }

    .spacing-sm-out-top-large,
    .spacing-sm-out-v-large,
    .spacing-sm-out-large {
        margin-top: 4rem;
    }

    .spacing-sm-out-top-huge
    .spacing-sm-out-v-huge
    .spacing-sm-out-huge {
        margin-top: 8rem;
    }

    /* Spacing > Small Media > Margin bottom */

    .spacing-sm-out-bottom-small,
    .spacing-sm-out-v-small,
    .spacing-sm-out-small {
        margin-bottom: 1rem;
    }

    .spacing-sm-out-bottom-medium,
    .spacing-sm-out-v-medium,
    .spacing-sm-out-medium {
        margin-bottom: 2rem;
    }

    .spacing-sm-out-bottom-large,
    .spacing-sm-out-v-large,
    .spacing-sm-out-large {
        margin-bottom: 4rem;
    }

    .spacing-sm-out-bottom-huge,
    .spacing-sm-out-v-huge,
    .spacing-sm-out-huge {
        margin-bottom: 8rem;
    }

    /* Spacing > Small Media > Margin Left */

    .spacing-sm-out-left-small,
    .spacing-sm-out-h-small,
    .spacing-sm-out-small {
        margin-left: 1rem;
    }

    .spacing-sm-out-left-medium,
    .spacing-sm-out-h-medium,
    .spacing-sm-out-medium {
        margin-left: 2rem;
    }

    .spacing-sm-out-left-large,
    .spacing-sm-out-h-large,
    .spacing-sm-out-large {
        margin-left: 4rem;
    }

    .spacing-sm-out-left-huge,
    .spacing-sm-out-h-huge,
    .spacing-sm-out-huge {
        margin-left: 8rem;
    }

    /* Spacing > Small Media > Margin Right */

    .spacing-sm-out-right-small,
    .spacing-sm-out-h-small,
    .spacing-sm-out-small {
        margin-right: 1rem;
    }

    .spacing-sm-out-right-medium,
    .spacing-sm-out-h-medium,
    .spacing-sm-out-medium {
        margin-right: 2rem;
    }

    .spacing-sm-out-right-large,
    .spacing-sm-out-h-large,
    .spacing-sm-out-large {
        margin-right: 4rem;
    }

    .spacing-sm-out-right-huge,
    .spacing-sm-out-h-huge,
    .spacing-sm-out-huge {
        margin-right: 8rem;
    }

    /* Spacing > Small Media > Padding Top */

    .spacing-sm-in-top-small,
    .spacing-sm-in-v-small,
    .spacing-sm-in-small{
        padding-top: 1rem;
    }

    .spacing-sm-in-top-medium,
    .spacing-sm-in-v-medium,
    .spacing-sm-in-medium {
        padding-top: 2rem;
    }

    .spacing-sm-in-top-large,
    .spacing-sm-in-v-large,
    .spacing-sm-in-large {
        padding-top: 4rem;
    }

    .spacing-sm-in-top-huge,
    .spacing-sm-in-v-huge,
    .spacing-sm-in-huge {
        padding-top: 8rem;
    }

    /* Spacing > Small Media > Padding Bottom */

    .spacing-sm-in-bottom-small,
    .spacing-sm-in-v-small,
    .spacing-sm-in-small{
        padding-bottom: 1rem;
    }

    .spacing-sm-in-bottom-medium,
    .spacing-sm-in-v-medium,
    .spacing-sm-in-medium {
        padding-bottom: 2rem;
    }

    .spacing-sm-in-bottom-large,
    .spacing-sm-in-v-large,
    .spacing-sm-in-large {
        padding-bottom: 4rem;
    }

    .spacing-sm-in-bottom-huge,
    .spacing-sm-in-v-huge,
    .spacing-sm-in-huge {
        padding-bottom: 8rem;
    }

    /* Spacing > Small Media > Padding Left */

    .spacing-sm-in-left-small,
    .spacing-sm-in-h-small,
    .spacing-sm-in-small{
        padding-left: 1rem;
    }

    .spacing-sm-in-left-medium,
    .spacing-sm-in-h-medium,
    .spacing-sm-in-medium {
        padding-left: 2rem;
    }

    .spacing-sm-in-left-large,
    .spacing-sm-in-h-large,
    .spacing-sm-in-large {
        padding-left: 4rem;
    }

    .spacing-sm-in-left-huge,
    .spacing-sm-in-h-huge,
    .spacing-sm-in-huge {
        padding-left: 8rem;
    }

    /* Spacing > Small Media > Padding Right */

    .spacing-sm-in-right-small,
    .spacing-sm-in-h-small,
    .spacing-sm-in-small{
        padding-right: 1rem;
    }

    .spacing-sm-in-right-medium,
    .spacing-sm-in-h-medium,
    .spacing-sm-in-medium {
        padding-right: 2rem;
    }

    .spacing-sm-in-right-large,
    .spacing-sm-in-h-large,
    .spacing-sm-in-large {
        padding-right: 4rem;
    }

    .spacing-sm-in-right-huge,
    .spacing-sm-in-h-huge,
    .spacing-sm-in-huge {
        padding-right: 8rem;
    }

}

/* Spacing > Small media only > since 481px and until 720px */
@media screen and (min-width: 481px) and (max-width: 720px) {

    /* Spacing > Small media only > Margin top */

    .spacing-smo-out-top-small,
    .spacing-smo-out-v-small,
    .spacing-smo-out-small {
        margin-top: 1rem;
    }

    .spacing-smo-out-top-medium,
    .spacing-smo-out-v-medium,
    .spacing-smo-out-medium {
        margin-top: 2rem;
    }

    .spacing-smo-out-top-large,
    .spacing-smo-out-v-large,
    .spacing-smo-out-large {
        margin-top: 4rem;
    }

    .spacing-smo-out-top-huge,
    .spacing-smo-out-v-huge,
    .spacing-smo-out-huge {
        margin-top: 8rem;
    }

    /* Spacing > Small media only > Margin bottom */

    .spacing-smo-out-bottom-small,
    .spacing-smo-out-v-small,
    .spacing-smo-out-small {
        margin-bottom: 1rem;
    }

    .spacing-smo-out-bottom-medium,
    .spacing-smo-out-v-medium,
    .spacing-smo-out-medium {
        margin-bottom: 2rem;
    }

    .spacing-smo-out-bottom-large,
    .spacing-smo-out-v-large,
    .spacing-smo-out-large {
        margin-bottom: 4rem;
    }

    .spacing-smo-out-bottom-huge,
    .spacing-smo-out-v-huge,
    .spacing-smo-out-huge {
        margin-bottom: 8rem;
    }

    /* Spacing > Small media only > Margin Left */

    .spacing-smo-out-left-small,
    .spacing-smo-out-h-small,
    .spacing-smo-out-small {
        margin-left: 1rem;
    }

    .spacing-smo-out-left-medium,
    .spacing-smo-out-h-medium,
    .spacing-smo-out-medium {
        margin-left: 2rem;
    }

    .spacing-smo-out-left-large,
    .spacing-smo-out-h-large,
    .spacing-smo-out-large {
        margin-left: 4rem;
    }

    .spacing-smo-out-left-huge,
    .spacing-smo-out-h-huge,
    .spacing-smo-out-huge {
        margin-left: 8rem;
    }

    /* Spacing > Small media only > Margin Right */

    .spacing-smo-out-right-small,
    .spacing-smo-out-h-small,
    .spacing-smo-out-small {
        margin-right: 1rem;
    }

    .spacing-smo-out-right-medium,
    .spacing-smo-out-h-medium,
    .spacing-smo-out-medium {
        margin-right: 2rem;
    }

    .spacing-smo-out-right-large,
    .spacing-smo-out-h-large,
    .spacing-smo-out-large {
        margin-right: 4rem;
    }

    .spacing-smo-out-right-huge,
    .spacing-smo-out-h-huge,
    .spacing-smo-out-huge {
        margin-right: 8rem;
    }

    /* Spacing > Small media only > Padding Top */

    .spacing-smo-in-top-small,
    .spacing-smo-in-v-small,
    .spacing-smo-in-small{
        padding-top: 1rem;
    }

    .spacing-smo-in-top-medium,
    .spacing-smo-in-v-medium,
    .spacing-smo-in-medium {
        padding-top: 2rem;
    }

    .spacing-smo-in-top-large,
    .spacing-smo-in-v-large,
    .spacing-smo-in-large {
        padding-top: 4rem;
    }

    .spacing-smo-in-top-huge,
    .spacing-smo-in-v-huge,
    .spacing-smo-in-huge {
        padding-top: 8rem;
    }

    /* Spacing > Small media only > Padding Bottom */

    .spacing-smo-in-bottom-small,
    .spacing-smo-in-v-small,
    .spacing-smo-in-small{
        padding-bottom: 1rem;
    }

    .spacing-smo-in-bottom-medium,
    .spacing-smo-in-v-medium,
    .spacing-smo-in-medium {
        padding-bottom: 2rem;
    }

    .spacing-smo-in-bottom-large,
    .spacing-smo-in-v-large,
    .spacing-smo-in-large {
        padding-bottom: 4rem;
    }

    .spacing-smo-in-bottom-huge,
    .spacing-smo-in-v-huge,
    .spacing-smo-in-huge {
        padding-bottom: 8rem;
    }

    /* Spacing > Small media only > Padding Left */

    .spacing-smo-in-left-small,
    .spacing-smo-in-h-small,
    .spacing-smo-in-small{
        padding-left: 1rem;
    }

    .spacing-smo-in-left-medium,
    .spacing-smo-in-h-medium,
    .spacing-smo-in-medium {
        padding-left: 2rem;
    }

    .spacing-smo-in-left-large,
    .spacing-smo-in-h-large,
    .spacing-smo-in-large {
        padding-left: 4rem;
    }

    .spacing-smo-in-left-huge,
    .spacing-smo-in-h-huge,
    .spacing-smo-in-huge {
        padding-left: 8rem;
    }

    /* Spacing > Small media only > Padding Right */

    .spacing-smo-in-right-small,
    .spacing-smo-in-h-small,
    .spacing-smo-in-small{
        padding-right: 1rem;
    }

    .spacing-smo-in-right-medium,
    .spacing-smo-in-h-medium,
    .spacing-smo-in-medium {
        padding-right: 2rem;
    }

    .spacing-smo-in-right-large,
    .spacing-smo-in-h-large,
    .spacing-smo-in-large {
        padding-right: 4rem;
    }

    .spacing-smo-in-right-huge,
    .spacing-smo-in-h-huge,
    .spacing-smo-in-huge {
        padding-right: 8rem;
    }

}

/* Spacing > Medium media > Since 721px */
@media screen and (min-width: 721px) {

    /* Spacing > Medium media > Margin top */

    .spacing-mm-out-top-small,
    .spacing-mm-out-v-small,
    .spacing-mm-out-small {
        margin-top: 1rem;
    }

    .spacing-mm-out-top-medium,
    .spacing-mm-out-v-medium,
    .spacing-mm-out-medium {
        margin-top: 2rem;
    }

    .spacing-mm-out-top-large,
    .spacing-mm-out-v-large,
    .spacing-mm-out-large {
        margin-top: 4rem;
    }

    .spacing-mm-out-top-huge,
    .spacing-mm-out-v-huge,
    .spacing-mm-out-huge {
        margin-top: 8rem;
    }

    /* Spacing > Medium media > Margin bottom */

    .spacing-mm-out-bottom-small,
    .spacing-mm-out-v-small,
    .spacing-mm-out-small {
        margin-bottom: 1rem;
    }

    .spacing-mm-out-bottom-medium,
    .spacing-mm-out-v-medium,
    .spacing-mm-out-medium {
        margin-bottom: 2rem;
    }

    .spacing-mm-out-bottom-large,
    .spacing-mm-out-v-large,
    .spacing-mm-out-large {
        margin-bottom: 4rem;
    }

    .spacing-mm-out-bottom-huge,
    .spacing-mm-out-v-huge,
    .spacing-mm-out-huge {
        margin-bottom: 8rem;
    }

    /* Spacing > Medium media > Margin Left */

    .spacing-mm-out-left-small,
    .spacing-mm-out-h-small,
    .spacing-mm-out-small {
        margin-left: 1rem;
    }

    .spacing-mm-out-left-medium,
    .spacing-mm-out-h-medium,
    .spacing-mm-out-medium {
        margin-left: 2rem;
    }

    .spacing-mm-out-left-large,
    .spacing-mm-out-h-large,
    .spacing-mm-out-large {
        margin-left: 4rem;
    }

    .spacing-mm-out-left-huge,
    .spacing-mm-out-h-huge,
    .spacing-mm-out-huge {
        margin-left: 8rem;
    }

    /* Spacing > Medium media > Margin Right */

    .spacing-mm-out-right-small,
    .spacing-mm-out-h-small,
    .spacing-mm-out-small {
        margin-right: 1rem;
    }

    .spacing-mm-out-right-medium,
    .spacing-mm-out-h-medium,
    .spacing-mm-out-medium {
        margin-right: 2rem;
    }

    .spacing-mm-out-right-large,
    .spacing-mm-out-h-large,
    .spacing-mm-out-large {
        margin-right: 4rem;
    }

    .spacing-mm-out-right-huge,
    .spacing-mm-out-h-huge,
    .spacing-mm-out-huge {
        margin-right: 8rem;
    }

    /* Spacing > Medium media > Padding Top */

    .spacing-mm-in-top-small,
    .spacing-mm-in-v-small,
    .spacing-mm-in-small{
        padding-top: 1rem;
    }

    .spacing-mm-in-top-medium,
    .spacing-mm-in-v-medium,
    .spacing-mm-in-medium {
        padding-top: 2rem;
    }

    .spacing-mm-in-top-large,
    .spacing-mm-in-v-large,
    .spacing-mm-in-large {
        padding-top: 4rem;
    }

    .spacing-mm-in-top-huge,
    .spacing-mm-in-v-huge,
    .spacing-mm-in-huge {
        padding-top: 8rem;
    }

    /* Spacing > Medium media > Padding Bottom */

    .spacing-mm-in-bottom-small,
    .spacing-mm-in-v-small,
    .spacing-mm-in-small{
        padding-bottom: 1rem;
    }

    .spacing-mm-in-bottom-medium,
    .spacing-mm-in-v-medium,
    .spacing-mm-in-medium {
        padding-bottom: 2rem;
    }

    .spacing-mm-in-bottom-large,
    .spacing-mm-in-v-large,
    .spacing-mm-in-large {
        padding-bottom: 4rem;
    }

    .spacing-mm-in-bottom-huge,
    .spacing-mm-in-v-huge,
    .spacing-mm-in-huge {
        padding-bottom: 8rem;
    }

    /* Spacing > Medium media > Padding Left */

    .spacing-mm-in-left-small,
    .spacing-mm-in-h-small,
    .spacing-mm-in-small{
        padding-left: 1rem;
    }

    .spacing-mm-in-left-medium,
    .spacing-mm-in-h-medium,
    .spacing-mm-in-medium {
        padding-left: 2rem;
    }

    .spacing-mm-in-left-large,
    .spacing-mm-in-h-large,
    .spacing-mm-in-large {
        padding-left: 4rem;
    }

    .spacing-mm-in-left-huge,
    .spacing-mm-in-h-huge,
    .spacing-mm-in-huge {
        padding-left: 8rem;
    }

    /* Spacing > Medium media > Padding Right */

    .spacing-mm-in-right-small,
    .spacing-mm-in-h-small,
    .spacing-mm-in-small{
        padding-right: 1rem;
    }

    .spacing-mm-in-right-medium,
    .spacing-mm-in-h-medium,
    .spacing-mm-in-medium {
        padding-right: 2rem;
    }

    .spacing-mm-in-right-large,
    .spacing-mm-in-h-large,
    .spacing-mm-in-large {
        padding-right: 4rem;
    }

    .spacing-mm-in-right-huge,
    .spacing-mm-in-h-huge,
    .spacing-mm-in-huge {
        padding-right: 8rem;
    }

}

/* Spacing > Medium media only > since 721px and until 992px */
@media screen and (min-width: 721px) and (max-width: 992px) {

    /* Spacing > Medium media only > Margin top */

    .spacing-mmo-out-top-small,
    .spacing-mmo-out-v-small,
    .spacing-mmo-out-small {
        margin-top: 1rem;
    }

    .spacing-mmo-out-top-medium,
    .spacing-mmo-out-v-medium,
    .spacing-mmo-out-medium {
        margin-top: 2rem;
    }

    .spacing-mmo-out-top-large,
    .spacing-mmo-out-v-large,
    .spacing-mmo-out-large {
        margin-top: 4rem;
    }

    .spacing-mmo-out-top-huge,
    .spacing-mmo-out-v-huge,
    .spacing-mmo-out-huge {
        margin-top: 8rem;
    }

    /* Spacing > Medium media only > Margin bottom */

    .spacing-mmo-out-bottom-small,
    .spacing-mmo-out-v-small,
    .spacing-mmo-out-small {
        margin-bottom: 1rem;
    }

    .spacing-mmo-out-bottom-medium,
    .spacing-mmo-out-v-medium,
    .spacing-mmo-out-medium {
        margin-bottom: 2rem;
    }

    .spacing-mmo-out-bottom-large,
    .spacing-mmo-out-v-large,
    .spacing-mmo-out-large {
        margin-bottom: 4rem;
    }

    .spacing-mmo-out-bottom-huge,
    .spacing-mmo-out-v-huge,
    .spacing-mmo-out-huge {
        margin-bottom: 8rem;
    }

    /* Spacing > Medium media only > Margin Left */

    .spacing-mmo-out-left-small,
    .spacing-mmo-out-h-small,
    .spacing-mmo-out-small {
        margin-left: 1rem;
    }

    .spacing-mmo-out-left-medium,
    .spacing-mmo-out-h-medium,
    .spacing-mmo-out-medium {
        margin-left: 2rem;
    }

    .spacing-mmo-out-left-large,
    .spacing-mmo-out-h-large,
    .spacing-mmo-out-large {
        margin-left: 4rem;
    }

    .spacing-mmo-out-left-huge,
    .spacing-mmo-out-h-huge,
    .spacing-mmo-out-huge {
        margin-left: 8rem;
    }

    /* Spacing > Medium media only > Margin Right */

    .spacing-mmo-out-right-small,
    .spacing-mmo-out-h-small,
    .spacing-mmo-out-small {
        margin-right: 1rem;
    }

    .spacing-mmo-out-right-medium,
    .spacing-mmo-out-h-medium,
    .spacing-mmo-out-medium {
        margin-right: 2rem;
    }

    .spacing-mmo-out-right-large,
    .spacing-mmo-out-h-large,
    .spacing-mmo-out-large {
        margin-right: 4rem;
    }

    .spacing-mmo-out-right-huge,
    .spacing-mmo-out-h-huge,
    .spacing-mmo-out-huge {
        margin-right: 8rem;
    }

    /* Spacing > Medium media only > Padding Top */

    .spacing-mmo-in-top-small,
    .spacing-mmo-in-v-small,
    .spacing-mmo-in-small{
        padding-top: 1rem;
    }

    .spacing-mmo-in-top-medium,
    .spacing-mmo-in-v-medium,
    .spacing-mmo-in-medium {
        padding-top: 2rem;
    }

    .spacing-mmo-in-top-large,
    .spacing-mmo-in-v-large,
    .spacing-mmo-in-large {
        padding-top: 4rem;
    }

    .spacing-mmo-in-top-huge,
    .spacing-mmo-in-v-huge,
    .spacing-mmo-in-huge {
        padding-top: 8rem;
    }

    /* Spacing > Medium media only > Padding Bottom */

    .spacing-mmo-in-bottom-small,
    .spacing-mmo-in-v-small,
    .spacing-mmo-in-small{
        padding-bottom: 1rem;
    }

    .spacing-mmo-in-bottom-medium,
    .spacing-mmo-in-v-medium,
    .spacing-mmo-in-medium {
        padding-bottom: 2rem;
    }

    .spacing-mmo-in-bottom-large,
    .spacing-mmo-in-v-large,
    .spacing-mmo-in-large {
        padding-bottom: 4rem;
    }

    .spacing-mmo-in-bottom-huge,
    .spacing-mmo-in-v-huge,
    .spacing-mmo-in-huge {
        padding-bottom: 8rem;
    }

    /* Spacing > Medium media only > Padding Left */

    .spacing-mmo-in-left-small,
    .spacing-mmo-in-h-small,
    .spacing-mmo-in-small{
        padding-left: 1rem;
    }

    .spacing-mmo-in-left-medium,
    .spacing-mmo-in-h-medium,
    .spacing-mmo-in-medium {
        padding-left: 2rem;
    }

    .spacing-mmo-in-left-large,
    .spacing-mmo-in-h-large,
    .spacing-mmo-in-large {
        padding-left: 4rem;
    }

    .spacing-mmo-in-left-huge,
    .spacing-mmo-in-h-huge,
    .spacing-mmo-in-huge {
        padding-left: 8rem;
    }

    /* Spacing > Medium media only > Padding Right */

    .spacing-mmo-in-right-small,
    .spacing-mmo-in-h-small,
    .spacing-mmo-in-small{
        padding-right: 1rem;
    }

    .spacing-mmo-in-right-medium,
    .spacing-mmo-in-h-medium,
    .spacing-mmo-in-medium {
        padding-right: 2rem;
    }

    .spacing-mmo-in-right-large,
    .spacing-mmo-in-h-large,
    .spacing-mmo-in-large {
        padding-right: 4rem;
    }

    .spacing-mmo-in-right-huge,
    .spacing-mmo-in-h-huge,
    .spacing-mmo-in-huge {
        padding-right: 8rem;
    }

}

/* Spacing > Large media > Since 993px */
@media screen and (min-width: 993px) {

    /* Spacing > Large media > Margin top */

    .spacing-lm-out-top-small,
    .spacing-lm-out-v-small,
    .spacing-lm-out-small {
        margin-top: 1rem;
    }

    .spacing-lm-out-top-medium,
    .spacing-lm-out-v-medium,
    .spacing-lm-out-medium {
        margin-top: 2rem;
    }

    .spacing-lm-out-top-large,
    .spacing-lm-out-v-large,
    .spacing-lm-out-large {
        margin-top: 4rem;
    }

    .spacing-lm-out-top-huge,
    .spacing-lm-out-v-huge,
    .spacing-lm-out-huge {
        margin-top: 8rem;
    }

    /* Spacing > Large media > Margin bottom */

    .spacing-lm-out-bottom-small,
    .spacing-lm-out-v-small,
    .spacing-lm-out-small {
        margin-bottom: 1rem;
    }

    .spacing-lm-out-bottom-medium,
    .spacing-lm-out-v-medium,
    .spacing-lm-out-medium {
        margin-bottom: 2rem;
    }

    .spacing-lm-out-bottom-large,
    .spacing-lm-out-v-large,
    .spacing-lm-out-large {
        margin-bottom: 4rem;
    }

    .spacing-lm-out-bottom-huge,
    .spacing-lm-out-v-huge,
    .spacing-lm-out-huge {
        margin-bottom: 8rem;
    }

    /* Spacing > Large media > Margin Left */

    .spacing-lm-out-left-small,
    .spacing-lm-out-h-small,
    .spacing-lm-out-small {
        margin-left: 1rem;
    }

    .spacing-lm-out-left-medium,
    .spacing-lm-out-h-medium,
    .spacing-lm-out-medium {
        margin-left: 2rem;
    }

    .spacing-lm-out-left-large,
    .spacing-lm-out-h-large,
    .spacing-lm-out-large {
        margin-left: 4rem;
    }

    .spacing-lm-out-left-huge,
    .spacing-lm-out-h-huge,
    .spacing-lm-out-huge {
        margin-left: 8rem;
    }

    /* Spacing > Large media > Margin Right */

    .spacing-lm-out-right-small,
    .spacing-lm-out-h-small,
    .spacing-lm-out-small {
        margin-right: 1rem;
    }

    .spacing-lm-out-right-medium,
    .spacing-lm-out-h-medium,
    .spacing-lm-out-medium {
        margin-right: 2rem;
    }

    .spacing-lm-out-right-large,
    .spacing-lm-out-h-large,
    .spacing-lm-out-large {
        margin-right: 4rem;
    }

    .spacing-lm-out-right-huge,
    .spacing-lm-out-h-huge,
    .spacing-lm-out-huge {
        margin-right: 8rem;
    }

    /* Spacing > Large media > Padding Top */

    .spacing-lm-in-top-small,
    .spacing-lm-in-v-small,
    .spacing-lm-in-small{
        padding-top: 1rem;
    }

    .spacing-lm-in-top-medium,
    .spacing-lm-in-v-medium,
    .spacing-lm-in-medium {
        padding-top: 2rem;
    }

    .spacing-lm-in-top-large,
    .spacing-lm-in-v-large,
    .spacing-lm-in-large {
        padding-top: 4rem;
    }

    .spacing-lm-in-top-huge,
    .spacing-lm-in-v-huge,
    .spacing-lm-in-huge {
        padding-top: 8rem;
    }

    /* Spacing > Large media > Padding Bottom */

    .spacing-lm-in-bottom-small,
    .spacing-lm-in-v-small,
    .spacing-lm-in-small{
        padding-bottom: 1rem;
    }

    .spacing-lm-in-bottom-medium,
    .spacing-lm-in-v-medium,
    .spacing-lm-in-medium {
        padding-bottom: 2rem;
    }

    .spacing-lm-in-bottom-large,
    .spacing-lm-in-v-large,
    .spacing-lm-in-large {
        padding-bottom: 4rem;
    }

    .spacing-lm-in-bottom-huge,
    .spacing-lm-in-v-huge,
    .spacing-lm-in-huge {
        padding-bottom: 8rem;
    }

    /* Spacing > Large media > Padding Left */

    .spacing-lm-in-left-small,
    .spacing-lm-in-h-small,
    .spacing-lm-in-small{
        padding-left: 1rem;
    }

    .spacing-lm-in-left-medium,
    .spacing-lm-in-h-medium,
    .spacing-lm-in-medium {
        padding-left: 2rem;
    }

    .spacing-lm-in-left-large,
    .spacing-lm-in-h-large,
    .spacing-lm-in-large {
        padding-left: 4rem;
    }

    .spacing-lm-in-left-huge,
    .spacing-lm-in-h-huge,
    .spacing-lm-in-huge {
        padding-left: 8rem;
    }

    /* Spacing > Large media > Padding Right */

    .spacing-lm-in-right-small,
    .spacing-lm-in-h-small,
    .spacing-lm-in-small{
        padding-right: 1rem;
    }

    .spacing-lm-in-right-medium,
    .spacing-lm-in-h-medium,
    .spacing-lm-in-medium {
        padding-right: 2rem;
    }

    .spacing-lm-in-right-large,
    .spacing-lm-in-h-large,
    .spacing-lm-in-large {
        padding-right: 4rem;
    }

    .spacing-lm-in-right-huge,
    .spacing-lm-in-h-huge,
    .spacing-lm-in-huge {
        padding-right: 8rem;
    }

}

/* Spacing > Large media only > since 993px and until 1250px */
@media screen and (min-width: 993px) and (max-width: 1250px) {

    /* Spacing > Large media only > Margin top */

    .spacing-lmo-out-top-small,
    .spacing-lmo-out-v-small,
    .spacing-lmo-out-small {
        margin-top: 1rem;
    }

    .spacing-lmo-out-top-medium,
    .spacing-lmo-out-v-medium,
    .spacing-lmo-out-medium {
        margin-top: 2rem;
    }

    .spacing-lmo-out-top-large,
    .spacing-lmo-out-v-large,
    .spacing-lmo-out-large {
        margin-top: 4rem;
    }

    .spacing-lmo-out-top-huge,
    .spacing-lmo-out-v-huge,
    .spacing-lmo-out-huge {
        margin-top: 8rem;
    }

    /* Spacing > Large media only > Margin bottom */

    .spacing-lmo-out-bottom-small,
    .spacing-lmo-out-v-small,
    .spacing-lmo-out-small {
        margin-bottom: 1rem;
    }

    .spacing-lmo-out-bottom-medium,
    .spacing-lmo-out-v-medium,
    .spacing-lmo-out-medium {
        margin-bottom: 2rem;
    }

    .spacing-lmo-out-bottom-large,
    .spacing-lmo-out-v-large,
    .spacing-lmo-out-large {
        margin-bottom: 4rem;
    }

    .spacing-lmo-out-bottom-huge,
    .spacing-lmo-out-v-huge,
    .spacing-lmo-out-huge {
        margin-bottom: 8rem;
    }

    /* Spacing > Large media only > Margin Left */

    .spacing-lmo-out-left-small,
    .spacing-lmo-out-h-small,
    .spacing-lmo-out-small {
        margin-left: 1rem;
    }

    .spacing-lmo-out-left-medium,
    .spacing-lmo-out-h-medium,
    .spacing-lmo-out-medium {
        margin-left: 2rem;
    }

    .spacing-lmo-out-left-large,
    .spacing-lmo-out-h-large,
    .spacing-lmo-out-large {
        margin-left: 4rem;
    }

    .spacing-lmo-out-left-huge,
    .spacing-lmo-out-h-huge,
    .spacing-lmo-out-huge {
        margin-left: 8rem;
    }

    /* Spacing > Large media only > Margin Right */

    .spacing-lmo-out-right-small,
    .spacing-lmo-out-h-small,
    .spacing-lmo-out-small {
        margin-right: 1rem;
    }

    .spacing-lmo-out-right-medium,
    .spacing-lmo-out-h-medium,
    .spacing-lmo-out-medium {
        margin-right: 2rem;
    }

    .spacing-lmo-out-right-large,
    .spacing-lmo-out-h-large,
    .spacing-lmo-out-large {
        margin-right: 4rem;
    }

    .spacing-lmo-out-right-huge,
    .spacing-lmo-out-h-huge,
    .spacing-lmo-out-huge {
        margin-right: 8rem;
    }

    /* Spacing > Large media only > Padding Top */

    .spacing-lmo-in-top-small,
    .spacing-lmo-in-v-small,
    .spacing-lmo-in-small{
        padding-top: 1rem;
    }

    .spacing-lmo-in-top-medium,
    .spacing-lmo-in-v-medium,
    .spacing-lmo-in-medium {
        padding-top: 2rem;
    }

    .spacing-lmo-in-top-large,
    .spacing-lmo-in-v-large,
    .spacing-lmo-in-large {
        padding-top: 4rem;
    }

    .spacing-lmo-in-top-huge,
    .spacing-lmo-in-v-huge,
    .spacing-lmo-in-huge {
        padding-top: 8rem;
    }

    /* Spacing > Large media only > Padding Bottom */

    .spacing-lmo-in-bottom-small,
    .spacing-lmo-in-v-small,
    .spacing-lmo-in-small{
        padding-bottom: 1rem;
    }

    .spacing-lmo-in-bottom-medium,
    .spacing-lmo-in-v-medium,
    .spacing-lmo-in-medium {
        padding-bottom: 2rem;
    }

    .spacing-lmo-in-bottom-large,
    .spacing-lmo-in-v-large,
    .spacing-lmo-in-large {
        padding-bottom: 4rem;
    }

    .spacing-lmo-in-bottom-huge,
    .spacing-lmo-in-v-huge,
    .spacing-lmo-in-huge {
        padding-bottom: 8rem;
    }

    /* Spacing > Large media only > Padding Left */

    .spacing-lmo-in-left-small,
    .spacing-lmo-in-h-small,
    .spacing-lmo-in-small{
        padding-left: 1rem;
    }

    .spacing-lmo-in-left-medium,
    .spacing-lmo-in-h-medium,
    .spacing-lmo-in-medium {
        padding-left: 2rem;
    }

    .spacing-lmo-in-left-large,
    .spacing-lmo-in-h-large,
    .spacing-lmo-in-large {
        padding-left: 4rem;
    }

    .spacing-lmo-in-left-huge,
    .spacing-lmo-in-h-huge,
    .spacing-lmo-in-huge {
        padding-left: 8rem;
    }

    /* Spacing > Large media only > Padding Right */

    .spacing-lmo-in-right-small,
    .spacing-lmo-in-h-small,
    .spacing-lmo-in-small{
        padding-right: 1rem;
    }

    .spacing-lmo-in-right-medium,
    .spacing-lmo-in-h-medium,
    .spacing-lmo-in-medium {
        padding-right: 2rem;
    }

    .spacing-lmo-in-right-large,
    .spacing-lmo-in-h-large,
    .spacing-lmo-in-large {
        padding-right: 4rem;
    }

    .spacing-lmo-in-right-huge,
    .spacing-lmo-in-h-huge,
    .spacing-lmo-in-huge {
        padding-right: 8rem;
    }

}

/* Spacing > Huge media > Since 1251px */
@media screen and (min-width: 1251px) {

    /* Spacing > Huge media > Margin top */

    .spacing-hm-out-top-small,
    .spacing-hm-out-v-small,
    .spacing-hm-out-small {
        margin-top: 1rem;
    }

    .spacing-hm-out-top-medium,
    .spacing-hm-out-v-medium,
    .spacing-hm-out-medium {
        margin-top: 2rem;
    }

    .spacing-hm-out-top-large,
    .spacing-hm-out-v-large,
    .spacing-hm-out-large {
        margin-top: 4rem;
    }

    .spacing-hm-out-top-huge,
    .spacing-hm-out-v-huge,
    .spacing-hm-out-huge {
        margin-top: 8rem;
    }

    /* Spacing > Huge media > Margin bottom */

    .spacing-hm-out-bottom-small,
    .spacing-hm-out-v-small,
    .spacing-hm-out-small {
        margin-bottom: 1rem;
    }

    .spacing-hm-out-bottom-medium,
    .spacing-hm-out-v-medium,
    .spacing-hm-out-medium {
        margin-bottom: 2rem;
    }

    .spacing-hm-out-bottom-large,
    .spacing-hm-out-v-large,
    .spacing-hm-out-large {
        margin-bottom: 4rem;
    }

    .spacing-hm-out-bottom-huge,
    .spacing-hm-out-v-huge,
    .spacing-hm-out-huge {
        margin-bottom: 8rem;
    }

    /* Spacing > Huge media > Margin Left */

    .spacing-hm-out-left-small,
    .spacing-hm-out-h-small,
    .spacing-hm-out-small {
        margin-left: 1rem;
    }

    .spacing-hm-out-left-medium,
    .spacing-hm-out-h-medium,
    .spacing-hm-out-medium {
        margin-left: 2rem;
    }

    .spacing-hm-out-left-large,
    .spacing-hm-out-h-large,
    .spacing-hm-out-large {
        margin-left: 4rem;
    }

    .spacing-hm-out-left-huge,
    .spacing-hm-out-h-huge,
    .spacing-hm-out-huge {
        margin-left: 8rem;
    }

    /* Spacing > Huge media > Margin Right */

    .spacing-hm-out-right-small,
    .spacing-hm-out-h-small,
    .spacing-hm-out-small {
        margin-right: 1rem;
    }

    .spacing-hm-out-right-medium,
    .spacing-hm-out-h-medium,
    .spacing-hm-out-medium {
        margin-right: 2rem;
    }

    .spacing-hm-out-right-large,
    .spacing-hm-out-h-large,
    .spacing-hm-out-large {
        margin-right: 4rem;
    }

    .spacing-hm-out-right-huge,
    .spacing-hm-out-h-huge,
    .spacing-hm-out-huge {
        margin-right: 8rem;
    }

    /* Spacing > Huge media > Padding Top */

    .spacing-hm-in-top-small,
    .spacing-hm-in-v-small,
    .spacing-hm-in-small{
        padding-top: 1rem;
    }

    .spacing-hm-in-top-medium,
    .spacing-hm-in-v-medium,
    .spacing-hm-in-medium {
        padding-top: 2rem;
    }

    .spacing-hm-in-top-large,
    .spacing-hm-in-v-large,
    .spacing-hm-in-large {
        padding-top: 4rem;
    }

    .spacing-hm-in-top-huge,
    .spacing-hm-in-v-huge,
    .spacing-hm-in-huge {
        padding-top: 8rem;
    }

    /* Spacing > Huge media > Padding Bottom */

    .spacing-hm-in-bottom-small,
    .spacing-hm-in-v-small,
    .spacing-hm-in-small{
        padding-bottom: 1rem;
    }

    .spacing-hm-in-bottom-medium,
    .spacing-hm-in-v-medium,
    .spacing-hm-in-medium {
        padding-bottom: 2rem;
    }

    .spacing-hm-in-bottom-large,
    .spacing-hm-in-v-large,
    .spacing-hm-in-large {
        padding-bottom: 4rem;
    }

    .spacing-hm-in-bottom-huge,
    .spacing-hm-in-v-huge,
    .spacing-hm-in-huge {
        padding-bottom: 8rem;
    }

    /* Spacing > Huge media > Padding Left */

    .spacing-hm-in-left-small,
    .spacing-hm-in-h-small,
    .spacing-hm-in-small{
        padding-left: 1rem;
    }

    .spacing-hm-in-left-medium,
    .spacing-hm-in-h-medium,
    .spacing-hm-in-medium {
        padding-left: 2rem;
    }

    .spacing-hm-in-left-large,
    .spacing-hm-in-h-large,
    .spacing-hm-in-large {
        padding-left: 4rem;
    }

    .spacing-hm-in-left-huge,
    .spacing-hm-in-h-huge,
    .spacing-hm-in-huge {
        padding-left: 8rem;
    }

    /* Spacing > Huge media > Padding Right */

    .spacing-hm-in-right-small,
    .spacing-hm-in-h-small,
    .spacing-hm-in-small{
        padding-right: 1rem;
    }

    .spacing-hm-in-right-medium,
    .spacing-hm-in-h-medium,
    .spacing-hm-in-medium {
        padding-right: 2rem;
    }

    .spacing-hm-in-right-large,
    .spacing-hm-in-h-large,
    .spacing-hm-in-large {
        padding-right: 4rem;
    }

    .spacing-hm-in-right-huge,
    .spacing-hm-in-h-huge,
    .spacing-hm-in-huge {
        padding-right: 8rem;
    }

}

/* Spacing > Huge media only > since 1251px and until 1600px */
@media screen and (min-width: 1251px) and (max-width: 1600px) {

    /* Spacing > Huge media only > Margin top */

    .spacing-hmo-out-top-small,
    .spacing-hmo-out-v-small,
    .spacing-hmo-out-small {
        margin-top: 1rem;
    }

    .spacing-hmo-out-top-medium,
    .spacing-hmo-out-v-medium,
    .spacing-hmo-out-medium {
        margin-top: 2rem;
    }

    .spacing-hmo-out-top-large,
    .spacing-hmo-out-v-large,
    .spacing-hmo-out-large {
        margin-top: 4rem;
    }

    .spacing-hmo-out-top-huge,
    .spacing-hmo-out-v-huge,
    .spacing-hmo-out-huge {
        margin-top: 8rem;
    }

    /* Spacing > Huge media only > Margin bottom */

    .spacing-hmo-out-bottom-small,
    .spacing-hmo-out-v-small,
    .spacing-hmo-out-small {
        margin-bottom: 1rem;
    }

    .spacing-hmo-out-bottom-medium,
    .spacing-hmo-out-v-medium,
    .spacing-hmo-out-medium {
        margin-bottom: 2rem;
    }

    .spacing-hmo-out-bottom-large,
    .spacing-hmo-out-v-large,
    .spacing-hmo-out-large {
        margin-bottom: 4rem;
    }

    .spacing-hmo-out-bottom-huge,
    .spacing-hmo-out-v-huge,
    .spacing-hmo-out-huge {
        margin-bottom: 8rem;
    }

    /* Spacing > Huge media only > Margin Left */

    .spacing-hmo-out-left-small,
    .spacing-hmo-out-h-small,
    .spacing-hmo-out-small {
        margin-left: 1rem;
    }

    .spacing-hmo-out-left-medium,
    .spacing-hmo-out-h-medium,
    .spacing-hmo-out-medium {
        margin-left: 2rem;
    }

    .spacing-hmo-out-left-large,
    .spacing-hmo-out-h-large,
    .spacing-hmo-out-large {
        margin-left: 4rem;
    }

    .spacing-hmo-out-left-huge,
    .spacing-hmo-out-h-huge,
    .spacing-hmo-out-huge {
        margin-left: 8rem;
    }

    /* Spacing > Huge media only > Margin Right */

    .spacing-hmo-out-right-small,
    .spacing-hmo-out-h-small,
    .spacing-hmo-out-small {
        margin-right: 1rem;
    }

    .spacing-hmo-out-right-medium,
    .spacing-hmo-out-h-medium,
    .spacing-hmo-out-medium {
        margin-right: 2rem;
    }

    .spacing-hmo-out-right-large,
    .spacing-hmo-out-h-large,
    .spacing-hmo-out-large {
        margin-right: 4rem;
    }

    .spacing-hmo-out-right-huge,
    .spacing-hmo-out-h-huge,
    .spacing-hmo-out-huge {
        margin-right: 8rem;
    }

    /* Spacing > Huge media only > Padding Top */

    .spacing-hmo-in-top-small,
    .spacing-hmo-in-v-small,
    .spacing-hmo-in-small{
        padding-top: 1rem;
    }

    .spacing-hmo-in-top-medium,
    .spacing-hmo-in-v-medium,
    .spacing-hmo-in-medium {
        padding-top: 2rem;
    }

    .spacing-hmo-in-top-large,
    .spacing-hmo-in-v-large,
    .spacing-hmo-in-large {
        padding-top: 4rem;
    }

    .spacing-hmo-in-top-huge,
    .spacing-hmo-in-v-huge,
    .spacing-hmo-in-huge {
        padding-top: 8rem;
    }

    /* Spacing > Huge media only > Padding Bottom */

    .spacing-hmo-in-bottom-small,
    .spacing-hmo-in-v-small,
    .spacing-hmo-in-small{
        padding-bottom: 1rem;
    }

    .spacing-hmo-in-bottom-medium,
    .spacing-hmo-in-v-medium,
    .spacing-hmo-in-medium {
        padding-bottom: 2rem;
    }

    .spacing-hmo-in-bottom-large,
    .spacing-hmo-in-v-large,
    .spacing-hmo-in-large {
        padding-bottom: 4rem;
    }

    .spacing-hmo-in-bottom-huge,
    .spacing-hmo-in-v-huge,
    .spacing-hmo-in-huge {
        padding-bottom: 8rem;
    }

    /* Spacing > Huge media only > Padding Left */

    .spacing-hmo-in-left-small,
    .spacing-hmo-in-h-small,
    .spacing-hmo-in-small{
        padding-left: 1rem;
    }

    .spacing-hmo-in-left-medium,
    .spacing-hmo-in-h-medium,
    .spacing-hmo-in-medium {
        padding-left: 2rem;
    }

    .spacing-hmo-in-left-large,
    .spacing-hmo-in-h-large,
    .spacing-hmo-in-large {
        padding-left: 4rem;
    }

    .spacing-hmo-in-left-huge,
    .spacing-hmo-in-h-huge,
    .spacing-hmo-in-huge {
        padding-left: 8rem;
    }

    /* Spacing > Huge media only > Padding Right */

    .spacing-hmo-in-right-small,
    .spacing-hmo-in-h-small,
    .spacing-hmo-in-small{
        padding-right: 1rem;
    }

    .spacing-hmo-in-right-medium,
    .spacing-hmo-in-h-medium,
    .spacing-hmo-in-medium {
        padding-right: 2rem;
    }

    .spacing-hmo-in-right-large,
    .spacing-hmo-in-h-large,
    .spacing-hmo-in-large {
        padding-right: 4rem;
    }

    .spacing-hmo-in-right-huge,
    .spacing-hmo-in-h-huge,
    .spacing-hmo-in-huge {
        padding-right: 8rem;
    }

}

/* Spacing > Enormous media > Since 1601px */
@media screen and (min-width: 1601px) {

    /* Spacing > Enormous media > Margin top */

    .spacing-em-out-top-small,
    .spacing-em-out-v-small,
    .spacing-em-out-small {
        margin-top: 1rem;
    }

    .spacing-em-out-top-medium,
    .spacing-em-out-v-medium,
    .spacing-em-out-medium {
        margin-top: 2rem;
    }

    .spacing-em-out-top-large,
    .spacing-em-out-v-large,
    .spacing-em-out-large {
        margin-top: 4rem;
    }

    .spacing-em-out-top-huge,
    .spacing-em-out-v-huge,
    .spacing-em-out-huge {
        margin-top: 8rem;
    }

    /* Spacing > Enormous media > Margin bottom */

    .spacing-em-out-bottom-small,
    .spacing-em-out-v-small,
    .spacing-em-out-small {
        margin-bottom: 1rem;
    }

    .spacing-em-out-bottom-medium,
    .spacing-em-out-v-medium,
    .spacing-em-out-medium {
        margin-bottom: 2rem;
    }

    .spacing-em-out-bottom-large,
    .spacing-em-out-v-large,
    .spacing-em-out-large {
        margin-bottom: 4rem;
    }

    .spacing-em-out-bottom-huge,
    .spacing-em-out-v-huge,
    .spacing-em-out-huge {
        margin-bottom: 8rem;
    }

    /* Spacing > Enormous media > Margin Left */

    .spacing-em-out-left-small,
    .spacing-em-out-h-small,
    .spacing-em-out-small {
        margin-left: 1rem;
    }

    .spacing-em-out-left-medium,
    .spacing-em-out-h-medium,
    .spacing-em-out-medium {
        margin-left: 2rem;
    }

    .spacing-em-out-left-large,
    .spacing-em-out-h-large,
    .spacing-em-out-large {
        margin-left: 4rem;
    }

    .spacing-em-out-left-huge,
    .spacing-em-out-h-huge,
    .spacing-em-out-huge {
        margin-left: 8rem;
    }

    /* Spacing > Enormous media > Margin Right */

    .spacing-em-out-right-small,
    .spacing-em-out-h-small,
    .spacing-em-out-small {
        margin-right: 1rem;
    }

    .spacing-em-out-right-medium,
    .spacing-em-out-h-medium,
    .spacing-em-out-medium {
        margin-right: 2rem;
    }

    .spacing-em-out-right-large,
    .spacing-em-out-h-large,
    .spacing-em-out-large {
        margin-right: 4rem;
    }

    .spacing-em-out-right-huge,
    .spacing-em-out-h-huge,
    .spacing-em-out-huge {
        margin-right: 8rem;
    }

    /* Spacing > Enormous media > Padding Top */

    .spacing-em-in-top-small,
    .spacing-em-in-v-small,
    .spacing-em-in-small{
        padding-top: 1rem;
    }

    .spacing-em-in-top-medium,
    .spacing-em-in-v-medium,
    .spacing-em-in-medium {
        padding-top: 2rem;
    }

    .spacing-em-in-top-large,
    .spacing-em-in-v-large,
    .spacing-em-in-large {
        padding-top: 4rem;
    }

    .spacing-em-in-top-huge,
    .spacing-em-in-v-huge,
    .spacing-em-in-huge {
        padding-top: 8rem;
    }

    /* Spacing > Enormous media > Padding Bottom */

    .spacing-em-in-bottom-small,
    .spacing-em-in-v-small,
    .spacing-em-in-small{
        padding-bottom: 1rem;
    }

    .spacing-em-in-bottom-medium,
    .spacing-em-in-v-medium,
    .spacing-em-in-medium {
        padding-bottom: 2rem;
    }

    .spacing-em-in-bottom-large,
    .spacing-em-in-v-large,
    .spacing-em-in-large {
        padding-bottom: 4rem;
    }

    .spacing-em-in-bottom-huge,
    .spacing-em-in-v-huge,
    .spacing-em-in-huge {
        padding-bottom: 8rem;
    }

    /* Spacing > Enormous media > Padding Left */

    .spacing-em-in-left-small,
    .spacing-em-in-h-small,
    .spacing-em-in-small{
        padding-left: 1rem;
    }

    .spacing-em-in-left-medium,
    .spacing-em-in-h-medium,
    .spacing-em-in-medium {
        padding-left: 2rem;
    }

    .spacing-em-in-left-large,
    .spacing-em-in-h-large,
    .spacing-em-in-large {
        padding-left: 4rem;
    }

    .spacing-em-in-left-huge,
    .spacing-em-in-h-huge,
    .spacing-em-in-huge {
        padding-left: 8rem;
    }

    /* Spacing > Enormous media > Padding Right */

    .spacing-em-in-right-small,
    .spacing-em-in-h-small,
    .spacing-em-in-small{
        padding-right: 1rem;
    }

    .spacing-em-in-right-medium,
    .spacing-em-in-h-medium,
    .spacing-em-in-medium {
        padding-right: 2rem;
    }

    .spacing-em-in-right-large,
    .spacing-em-in-h-large,
    .spacing-em-in-large {
        padding-right: 4rem;
    }

    .spacing-em-in-right-huge,
    .spacing-em-in-h-huge,
    .spacing-em-in-huge {
        padding-right: 8rem;
    }

}