/*
 * Styles for the homepage
 */
#side {
    display: none;
}

/* ======================================
 * FLEX MEDIUM layout
 */
@media screen and (min-width: 70em) {
#main-wrap {
    width: 54em;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
}

/* ======================================
 * FLEX WIDE layout
 */
@media screen and (min-width: 90em) {
#main-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 15em;
}
}