/*
 * Grid
 */

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

.grid>* {
    display: inline-block;
    vertical-align: top
}

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

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

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

.grid.rtl {
    direction: rtl
}

.grid.rtl>* {
    direction: ltr
}

.grid.padding.small {
    margin: -10px 0 0 -10px
}

.grid.padding.small>* {
    padding: 10px 0 0 10px
}

.grid.padding.big {
    margin: -60px 0 0 -60px
}

.grid.padding.big>* {
    padding: 60px 0 0 60px
}

.grid.padding-top {
    margin: -20px 0 0
}

.grid.padding-top>* {
    padding: 20px 0 0
}

.grid.padding.bundles {
    margin: -60px 0 0 -60px
}

.grid.padding.bundles>* {
    padding: 60px 0 0 60px
}

@media (min-width: 480px) and (max-width: 719px) {
    .grid.padding.bundles {
        margin: -40px 0 0 -25px
    }
    .grid.padding.bundles>* {
        padding: 40px 0 0 25px
    }
}