/*
 * Grid
 */

.grid {
    font-family: 'Zerospace';
    font-size: 0
}

.grid>* {
    display: inline-block;
    font-family: 'Mikodacs', 'Nikumaru', sans-serif;
    font-size: 18px;
    vertical-align: top
}

.grid.no-wrap {
    margin-top: 0 !important;
    white-space: nowrap
}

.grid.no-wrap>* {
    padding-top: 0 !important;
    white-space: normal
}

.grid.bottom>* {
    vertical-align: bottom
}

.grid.middle>* {
    vertical-align: middle
}

.grid.padding {
    margin: -3rem 0 0 -3rem
}

.grid.padding>* {
    padding: 3rem 0 0 3rem
}

.grid.padding.small {
    margin: -1rem 0 0 -1rem
}

.grid.padding.small>* {
    padding: 1rem 0 0 1rem
}

.grid.padding.big {
    margin: -5rem 0 0 -5rem
}

.grid.padding.big>* {
    padding: 5rem 0 0 5rem
}

.grid.padding.huge {
    margin: -10rem 0 0 -10rem
}

.grid.padding.huge>* {
    padding: 10rem 0 0 10rem
}