@charset "utf-8";

@media (min-width: 960px) {
    .ui-grid-1-1 {
        display: block;
        width: 96em !important;
    }
    *[class*="ui-grid-"]:not(.ui-grid-1-1) {
        display: inline-block;
        vertical-align: top;
    }
    .ui-grid-1-2 {
        width: 48em !important;
    }
    .ui-grid-1-3 {
        width: 32em !important;
    }
    .ui-grid-2-3 {
        width: 64em !important;
    }
    .ui-grid-1-4 {
        width: 24em !important;
    }
    .ui-grid-3-4 {
        width: 72em !important;
    }
    .ui-grid-1-8 {
        width: 12em !important;
    }
}
@media (max-width: 960px) {
    *[class*="ui-grid-"] {
        width: 100% !important;
    }
    .ui-grid-1-2 {
        margin-top: 8em !important;
    }
}