/* Boxes */
.is-boxes {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    flex-direction: column;
    @media (min-width: 992px) {
        flex-direction: initial;
    }
}

/* Box image */
.is-box-img {
    min-height: 300px !important;
    .is-boxes {
        height: 100% !important;
    }
}

/* Grid boxes */
.is-box-0,
.is-box-1,
.is-box-2,
.is-box-3,
.is-box-4,
.is-box-5,
.is-box-6,
.is-box-7,
.is-box-8,
.is-box-9,
.is-box-10,
.is-box-11,
.is-box-12 {
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
}

/* Centered box */
.is-box-centered {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
}

/* Box widths */
@media (min-width: 992px) {
    .is-box-0 {
        width: 0;
    }
    .is-box-1 {
        width: 8.333333%;
    }
    .is-box-2 {
        width: 16.666667%;
    }
    .is-box-3 {
        width: 25%;
    }
    .is-box-4 {
        width: 33.333333%;
    }
    .is-box-5 {
        width: 41.666667%;
    }
    .is-box-6 {
        width: 50%;
    }
    .is-box-7 {
        width: 58.333333%;
    }
    .is-box-8 {
        width: 66.666667%;
    }
    .is-box-9 {
        width: 75%;
    }
    .is-box-10 {
        width: 83.333333%;
    }
    .is-box-11 {
        width: 91.666667%;
    }
    .is-box-12 {
        width: 100%;
    }
    .is-box-centered {
        width: 100%;
    }
}