$gutter: 50px;
$width: 1280px;

.container {
    max-width: $width;
    margin: 0 auto;
    padding:0;
}

.row {
    &.override {
        flex-wrap: nowrap;
    }
}

.row.no-gutters.override > [class^="col-"],
.row.no-gutters.override > [class*="col-"] {
    margin-right: $gutter;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    text-align: center;
    background: rgba(255, 0, 0, 0.25);
}
    .row.no-gutters.override > [class^="col-"]:last-child,
    .row.no-gutters.override > [class*="col-"]:last-child
    {
        margin-right: 0;
        float: right;
    }

    .col-1-large { width:round(($width / 12) - ($gutter * 11 / 12)); }
    .col-2-large { width:round(($width / 6) - ($gutter * 10 / 12)); }
    .col-3-large { width:round(($width / 4) - ($gutter * 9 / 12)); }
    .col-4-large { width:round(($width / 3) - ($gutter * 8 / 12)); }
    .col-5-large { width:round(($width / (12 / 5)) - ($gutter * 7 / 12)); }
    .col-6-large { width:round(($width / 2) - ($gutter * 6 / 12)); }
    .col-7-large { width:round(($width / (12 / 7)) - ($gutter * 5 / 12)); }
    .col-8-large { width:round(($width / (12 / 8)) - ($gutter * 4 / 12)); }
    .col-9-large { width:round(($width / (12 / 9)) - ($gutter * 3 / 12)); }
    .col-10-large { width: round(($width / (12 / 10)) - ($gutter * 2 / 12)); }
    .col-11-large { width: round(($width / (12 / 11)) - ($gutter * 1 / 12)); }
    .col-12-large { width: $width; }