/* Minimal compatibility for old Bootstrap-style content. This is not Bootstrap. */
.container, .container-fluid {
    width: min(calc(100% - 32px), 1180px);
    margin-left: auto;
    margin-right: auto;
}
.container-fluid { width: 100%; }
.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}
.row > [class*="col-"] {
    box-sizing: border-box;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}
.col-xs-12 { width: 100%; }
@media (min-width: 768px) {
    .col-md-2 { width: 16.666667%; }
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.333333%; }
    .col-md-6 { width: 50%; }
    .col-md-8 { width: 66.666667%; }
    .col-md-9 { width: 75%; }
    .col-md-12 { width: 100%; }
}