.simple-grid {
    display: flex;
    flex-direction: row;

    margin-left: -0.25rem;
    margin-right: -0.25rem;
}

.simple-grid-evenly {
    justify-content: space-evenly;
}

.simple-grid-wrap {
    flex-wrap: wrap;
}

.simple-grid__cell {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.simple-grid__cell--fill {
    flex: 1;
}

/* Cell with given width */
.simple-grid__cell--1\/2 {
    flex: 0 0 50%;
}
.simple-grid__cell--1\/3 {
    flex: 0 0 33.3333333%;
}
.simple-grid__cell--1\/4 {
    flex: 0 0 25%;
}

.simple-grid-col {
    display: flex;
    flex-direction: column;

    margin-left: -0.25rem;
    margin-right: -0.25rem;
    align-items: center;
}

@media only screen and (min-width: 1280px) {
    .simple-grid-lg {
        display: flex;
        flex-direction: row;
    
        margin-left: -0.25rem;
        margin-right: -0.25rem;
        align-items: normal;
    }
}

@media only screen and (min-width: 1024px) {
    .simple-grid-md {
        display: flex;
        flex-direction: row;
    
        margin-left: -0.25rem;
        margin-right: -0.25rem;
        align-items: normal;
    }
}