html,
body {
    height: 100%;
    background: #f2f2f2;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

/* Container
---------------------------------------------------------------------- */

.container {
    padding: 1rem .5rem;
    overflow: hidden;
}

/* Target Elements
---------------------------------------------------------------------- */

.mix {
    float: left;
    margin: 0 .5rem 1rem;
    background: #fff;
    border-radius: 2px;
    position: relative;
}


/* Grid Breakpoints
---------------------------------------------------------------------- */


@media screen and (min-width: 961px) {
    .mix {
    width: calc(50% - 1rem);
}
}