.row {
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
  margin-left: -8px;
  margin-right: -8px;
}

.col {
  flex: 1 0 0%;
  padding-left: 8px;
  padding-right: 8px;
}

*[class^="col-"]{
  padding-left: 8px;
  padding-right: 8px;  
}

@media only screen and (min-width: 1200px) {
  .col {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 368px) {
  .col-xxs-1 {
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  .col-xxs-push-1 {
    margin-left: 8.33333%;
  }
  .col-xxs-pull-1 {
    margin-left: -8.33333%;
  }
  .col-xxs-order-1 {
    order: 1;
  }
}

@media only screen and (min-width: 368px) {
  .col-xxs-2 {
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  .col-xxs-push-2 {
    margin-left: 16.66667%;
  }
  .col-xxs-pull-2 {
    margin-left: -16.66667%;
  }
  .col-xxs-order-2 {
    order: 2;
  }
}

@media only screen and (min-width: 368px) {
  .col-xxs-3 {
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .col-xxs-push-3 {
    margin-left: 25%;
  }
  .col-xxs-pull-3 {
    margin-left: -25%;
  }
  .col-xxs-order-3 {
    order: 3;
  }
}

@media only screen and (min-width: 368px) {
  .col-xxs-4 {
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  .col-xxs-push-4 {
    margin-left: 33.33333%;
  }
  .col-xxs-pull-4 {
    margin-left: -33.33333%;
  }
  .col-xxs-order-4 {
    order: 4;
  }
}

@media only screen and (min-width: 368px) {
  .col-xxs-5 {
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  .col-xxs-push-5 {
    margin-left: 41.66667%;
  }
  .col-xxs-pull-5 {
    margin-left: -41.66667%;
  }
  .col-xxs-order-5 {
    order: 5;
  }
}

@media only screen and (min-width: 368px) {
  .col-xxs-6 {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .col-xxs-push-6 {
    margin-left: 50%;
  }
  .col-xxs-pull-6 {
    margin-left: -50%;
  }
  .col-xxs-order-6 {
    order: 6;
  }
}

@media only screen and (min-width: 368px) {
  .col-xxs-7 {
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  .col-xxs-push-7 {
    margin-left: 58.33333%;
  }
  .col-xxs-pull-7 {
    margin-left: -58.33333%;
  }
  .col-xxs-order-7 {
    order: 7;
  }
}

@media only screen and (min-width: 368px) {
  .col-xxs-8 {
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  .col-xxs-push-8 {
    margin-left: 66.66667%;
  }
  .col-xxs-pull-8 {
    margin-left: -66.66667%;
  }
  .col-xxs-order-8 {
    order: 8;
  }
}

@media only screen and (min-width: 368px) {
  .col-xxs-9 {
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .col-xxs-push-9 {
    margin-left: 75%;
  }
  .col-xxs-pull-9 {
    margin-left: -75%;
  }
  .col-xxs-order-9 {
    order: 9;
  }
}

@media only screen and (min-width: 368px) {
  .col-xxs-10 {
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  .col-xxs-push-10 {
    margin-left: 83.33333%;
  }
  .col-xxs-pull-10 {
    margin-left: -83.33333%;
  }
  .col-xxs-order-10 {
    order: 10;
  }
}

@media only screen and (min-width: 368px) {
  .col-xxs-11 {
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  .col-xxs-push-11 {
    margin-left: 91.66667%;
  }
  .col-xxs-pull-11 {
    margin-left: -91.66667%;
  }
  .col-xxs-order-11 {
    order: 11;
  }
}

@media only screen and (min-width: 368px) {
  .col-xxs-12 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .col-xxs-push-12 {
    margin-left: 100%;
  }
  .col-xxs-pull-12 {
    margin-left: -100%;
  }
  .col-xxs-order-12 {
    order: 12;
  }
}

@media only screen and (min-width: 568px) {
  .col-xs-1 {
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  .col-xs-push-1 {
    margin-left: 8.33333%;
  }
  .col-xs-pull-1 {
    margin-left: -8.33333%;
  }
  .col-xs-order-1 {
    order: 1;
  }
}

@media only screen and (min-width: 568px) {
  .col-xs-2 {
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  .col-xs-push-2 {
    margin-left: 16.66667%;
  }
  .col-xs-pull-2 {
    margin-left: -16.66667%;
  }
  .col-xs-order-2 {
    order: 2;
  }
}

@media only screen and (min-width: 568px) {
  .col-xs-3 {
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .col-xs-push-3 {
    margin-left: 25%;
  }
  .col-xs-pull-3 {
    margin-left: -25%;
  }
  .col-xs-order-3 {
    order: 3;
  }
}

@media only screen and (min-width: 568px) {
  .col-xs-4 {
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  .col-xs-push-4 {
    margin-left: 33.33333%;
  }
  .col-xs-pull-4 {
    margin-left: -33.33333%;
  }
  .col-xs-order-4 {
    order: 4;
  }
}

@media only screen and (min-width: 568px) {
  .col-xs-5 {
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  .col-xs-push-5 {
    margin-left: 41.66667%;
  }
  .col-xs-pull-5 {
    margin-left: -41.66667%;
  }
  .col-xs-order-5 {
    order: 5;
  }
}

@media only screen and (min-width: 568px) {
  .col-xs-6 {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .col-xs-push-6 {
    margin-left: 50%;
  }
  .col-xs-pull-6 {
    margin-left: -50%;
  }
  .col-xs-order-6 {
    order: 6;
  }
}

@media only screen and (min-width: 568px) {
  .col-xs-7 {
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  .col-xs-push-7 {
    margin-left: 58.33333%;
  }
  .col-xs-pull-7 {
    margin-left: -58.33333%;
  }
  .col-xs-order-7 {
    order: 7;
  }
}

@media only screen and (min-width: 568px) {
  .col-xs-8 {
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  .col-xs-push-8 {
    margin-left: 66.66667%;
  }
  .col-xs-pull-8 {
    margin-left: -66.66667%;
  }
  .col-xs-order-8 {
    order: 8;
  }
}

@media only screen and (min-width: 568px) {
  .col-xs-9 {
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .col-xs-push-9 {
    margin-left: 75%;
  }
  .col-xs-pull-9 {
    margin-left: -75%;
  }
  .col-xs-order-9 {
    order: 9;
  }
}

@media only screen and (min-width: 568px) {
  .col-xs-10 {
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  .col-xs-push-10 {
    margin-left: 83.33333%;
  }
  .col-xs-pull-10 {
    margin-left: -83.33333%;
  }
  .col-xs-order-10 {
    order: 10;
  }
}

@media only screen and (min-width: 568px) {
  .col-xs-11 {
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  .col-xs-push-11 {
    margin-left: 91.66667%;
  }
  .col-xs-pull-11 {
    margin-left: -91.66667%;
  }
  .col-xs-order-11 {
    order: 11;
  }
}

@media only screen and (min-width: 568px) {
  .col-xs-12 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .col-xs-push-12 {
    margin-left: 100%;
  }
  .col-xs-pull-12 {
    margin-left: -100%;
  }
  .col-xs-order-12 {
    order: 12;
  }
}

@media only screen and (min-width: 768px) {
  .col-sm-1 {
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-push-1 {
    margin-left: 8.33333%;
  }
  .col-sm-pull-1 {
    margin-left: -8.33333%;
  }
  .col-sm-order-1 {
    order: 1;
  }
}

@media only screen and (min-width: 768px) {
  .col-sm-2 {
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-push-2 {
    margin-left: 16.66667%;
  }
  .col-sm-pull-2 {
    margin-left: -16.66667%;
  }
  .col-sm-order-2 {
    order: 2;
  }
}

@media only screen and (min-width: 768px) {
  .col-sm-3 {
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .col-sm-push-3 {
    margin-left: 25%;
  }
  .col-sm-pull-3 {
    margin-left: -25%;
  }
  .col-sm-order-3 {
    order: 3;
  }
}

@media only screen and (min-width: 768px) {
  .col-sm-4 {
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-push-4 {
    margin-left: 33.33333%;
  }
  .col-sm-pull-4 {
    margin-left: -33.33333%;
  }
  .col-sm-order-4 {
    order: 4;
  }
}

@media only screen and (min-width: 768px) {
  .col-sm-5 {
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-push-5 {
    margin-left: 41.66667%;
  }
  .col-sm-pull-5 {
    margin-left: -41.66667%;
  }
  .col-sm-order-5 {
    order: 5;
  }
}

@media only screen and (min-width: 768px) {
  .col-sm-6 {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .col-sm-push-6 {
    margin-left: 50%;
  }
  .col-sm-pull-6 {
    margin-left: -50%;
  }
  .col-sm-order-6 {
    order: 6;
  }
}

@media only screen and (min-width: 768px) {
  .col-sm-7 {
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-push-7 {
    margin-left: 58.33333%;
  }
  .col-sm-pull-7 {
    margin-left: -58.33333%;
  }
  .col-sm-order-7 {
    order: 7;
  }
}

@media only screen and (min-width: 768px) {
  .col-sm-8 {
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-push-8 {
    margin-left: 66.66667%;
  }
  .col-sm-pull-8 {
    margin-left: -66.66667%;
  }
  .col-sm-order-8 {
    order: 8;
  }
}

@media only screen and (min-width: 768px) {
  .col-sm-9 {
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .col-sm-push-9 {
    margin-left: 75%;
  }
  .col-sm-pull-9 {
    margin-left: -75%;
  }
  .col-sm-order-9 {
    order: 9;
  }
}

@media only screen and (min-width: 768px) {
  .col-sm-10 {
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-push-10 {
    margin-left: 83.33333%;
  }
  .col-sm-pull-10 {
    margin-left: -83.33333%;
  }
  .col-sm-order-10 {
    order: 10;
  }
}

@media only screen and (min-width: 768px) {
  .col-sm-11 {
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-push-11 {
    margin-left: 91.66667%;
  }
  .col-sm-pull-11 {
    margin-left: -91.66667%;
  }
  .col-sm-order-11 {
    order: 11;
  }
}

@media only screen and (min-width: 768px) {
  .col-sm-12 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .col-sm-push-12 {
    margin-left: 100%;
  }
  .col-sm-pull-12 {
    margin-left: -100%;
  }
  .col-sm-order-12 {
    order: 12;
  }
}

@media only screen and (min-width: 992px) {
  .col-md-1 {
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-push-1 {
    margin-left: 8.33333%;
  }
  .col-md-pull-1 {
    margin-left: -8.33333%;
  }
  .col-md-order-1 {
    order: 1;
  }
}

@media only screen and (min-width: 992px) {
  .col-md-2 {
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-push-2 {
    margin-left: 16.66667%;
  }
  .col-md-pull-2 {
    margin-left: -16.66667%;
  }
  .col-md-order-2 {
    order: 2;
  }
}

@media only screen and (min-width: 992px) {
  .col-md-3 {
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .col-md-push-3 {
    margin-left: 25%;
  }
  .col-md-pull-3 {
    margin-left: -25%;
  }
  .col-md-order-3 {
    order: 3;
  }
}

@media only screen and (min-width: 992px) {
  .col-md-4 {
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-push-4 {
    margin-left: 33.33333%;
  }
  .col-md-pull-4 {
    margin-left: -33.33333%;
  }
  .col-md-order-4 {
    order: 4;
  }
}

@media only screen and (min-width: 992px) {
  .col-md-5 {
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-push-5 {
    margin-left: 41.66667%;
  }
  .col-md-pull-5 {
    margin-left: -41.66667%;
  }
  .col-md-order-5 {
    order: 5;
  }
}

@media only screen and (min-width: 992px) {
  .col-md-6 {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .col-md-push-6 {
    margin-left: 50%;
  }
  .col-md-pull-6 {
    margin-left: -50%;
  }
  .col-md-order-6 {
    order: 6;
  }
}

@media only screen and (min-width: 992px) {
  .col-md-7 {
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-push-7 {
    margin-left: 58.33333%;
  }
  .col-md-pull-7 {
    margin-left: -58.33333%;
  }
  .col-md-order-7 {
    order: 7;
  }
}

@media only screen and (min-width: 992px) {
  .col-md-8 {
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-push-8 {
    margin-left: 66.66667%;
  }
  .col-md-pull-8 {
    margin-left: -66.66667%;
  }
  .col-md-order-8 {
    order: 8;
  }
}

@media only screen and (min-width: 992px) {
  .col-md-9 {
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .col-md-push-9 {
    margin-left: 75%;
  }
  .col-md-pull-9 {
    margin-left: -75%;
  }
  .col-md-order-9 {
    order: 9;
  }
}

@media only screen and (min-width: 992px) {
  .col-md-10 {
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-push-10 {
    margin-left: 83.33333%;
  }
  .col-md-pull-10 {
    margin-left: -83.33333%;
  }
  .col-md-order-10 {
    order: 10;
  }
}

@media only screen and (min-width: 992px) {
  .col-md-11 {
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-push-11 {
    margin-left: 91.66667%;
  }
  .col-md-pull-11 {
    margin-left: -91.66667%;
  }
  .col-md-order-11 {
    order: 11;
  }
}

@media only screen and (min-width: 992px) {
  .col-md-12 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .col-md-push-12 {
    margin-left: 100%;
  }
  .col-md-pull-12 {
    margin-left: -100%;
  }
  .col-md-order-12 {
    order: 12;
  }
}

@media only screen and (min-width: 1200px) {
  .col-lg-1 {
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-push-1 {
    margin-left: 8.33333%;
  }
  .col-lg-pull-1 {
    margin-left: -8.33333%;
  }
  .col-lg-order-1 {
    order: 1;
  }
}

@media only screen and (min-width: 1200px) {
  .col-lg-2 {
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-push-2 {
    margin-left: 16.66667%;
  }
  .col-lg-pull-2 {
    margin-left: -16.66667%;
  }
  .col-lg-order-2 {
    order: 2;
  }
}

@media only screen and (min-width: 1200px) {
  .col-lg-3 {
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .col-lg-push-3 {
    margin-left: 25%;
  }
  .col-lg-pull-3 {
    margin-left: -25%;
  }
  .col-lg-order-3 {
    order: 3;
  }
}

@media only screen and (min-width: 1200px) {
  .col-lg-4 {
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-push-4 {
    margin-left: 33.33333%;
  }
  .col-lg-pull-4 {
    margin-left: -33.33333%;
  }
  .col-lg-order-4 {
    order: 4;
  }
}

@media only screen and (min-width: 1200px) {
  .col-lg-5 {
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-push-5 {
    margin-left: 41.66667%;
  }
  .col-lg-pull-5 {
    margin-left: -41.66667%;
  }
  .col-lg-order-5 {
    order: 5;
  }
}

@media only screen and (min-width: 1200px) {
  .col-lg-6 {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .col-lg-push-6 {
    margin-left: 50%;
  }
  .col-lg-pull-6 {
    margin-left: -50%;
  }
  .col-lg-order-6 {
    order: 6;
  }
}

@media only screen and (min-width: 1200px) {
  .col-lg-7 {
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-push-7 {
    margin-left: 58.33333%;
  }
  .col-lg-pull-7 {
    margin-left: -58.33333%;
  }
  .col-lg-order-7 {
    order: 7;
  }
}

@media only screen and (min-width: 1200px) {
  .col-lg-8 {
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-push-8 {
    margin-left: 66.66667%;
  }
  .col-lg-pull-8 {
    margin-left: -66.66667%;
  }
  .col-lg-order-8 {
    order: 8;
  }
}

@media only screen and (min-width: 1200px) {
  .col-lg-9 {
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .col-lg-push-9 {
    margin-left: 75%;
  }
  .col-lg-pull-9 {
    margin-left: -75%;
  }
  .col-lg-order-9 {
    order: 9;
  }
}

@media only screen and (min-width: 1200px) {
  .col-lg-10 {
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-push-10 {
    margin-left: 83.33333%;
  }
  .col-lg-pull-10 {
    margin-left: -83.33333%;
  }
  .col-lg-order-10 {
    order: 10;
  }
}

@media only screen and (min-width: 1200px) {
  .col-lg-11 {
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-push-11 {
    margin-left: 91.66667%;
  }
  .col-lg-pull-11 {
    margin-left: -91.66667%;
  }
  .col-lg-order-11 {
    order: 11;
  }
}

@media only screen and (min-width: 1200px) {
  .col-lg-12 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .col-lg-push-12 {
    margin-left: 100%;
  }
  .col-lg-pull-12 {
    margin-left: -100%;
  }
  .col-lg-order-12 {
    order: 12;
  }
}

@media only screen and (min-width: 1400px) {
  .col-vlg-1 {
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  .col-vlg-push-1 {
    margin-left: 8.33333%;
  }
  .col-vlg-pull-1 {
    margin-left: -8.33333%;
  }
  .col-vlg-order-1 {
    order: 1;
  }
}

@media only screen and (min-width: 1400px) {
  .col-vlg-2 {
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  .col-vlg-push-2 {
    margin-left: 16.66667%;
  }
  .col-vlg-pull-2 {
    margin-left: -16.66667%;
  }
  .col-vlg-order-2 {
    order: 2;
  }
}

@media only screen and (min-width: 1400px) {
  .col-vlg-3 {
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .col-vlg-push-3 {
    margin-left: 25%;
  }
  .col-vlg-pull-3 {
    margin-left: -25%;
  }
  .col-vlg-order-3 {
    order: 3;
  }
}

@media only screen and (min-width: 1400px) {
  .col-vlg-4 {
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  .col-vlg-push-4 {
    margin-left: 33.33333%;
  }
  .col-vlg-pull-4 {
    margin-left: -33.33333%;
  }
  .col-vlg-order-4 {
    order: 4;
  }
}

@media only screen and (min-width: 1400px) {
  .col-vlg-5 {
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  .col-vlg-push-5 {
    margin-left: 41.66667%;
  }
  .col-vlg-pull-5 {
    margin-left: -41.66667%;
  }
  .col-vlg-order-5 {
    order: 5;
  }
}

@media only screen and (min-width: 1400px) {
  .col-vlg-6 {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .col-vlg-push-6 {
    margin-left: 50%;
  }
  .col-vlg-pull-6 {
    margin-left: -50%;
  }
  .col-vlg-order-6 {
    order: 6;
  }
}

@media only screen and (min-width: 1400px) {
  .col-vlg-7 {
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  .col-vlg-push-7 {
    margin-left: 58.33333%;
  }
  .col-vlg-pull-7 {
    margin-left: -58.33333%;
  }
  .col-vlg-order-7 {
    order: 7;
  }
}

@media only screen and (min-width: 1400px) {
  .col-vlg-8 {
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  .col-vlg-push-8 {
    margin-left: 66.66667%;
  }
  .col-vlg-pull-8 {
    margin-left: -66.66667%;
  }
  .col-vlg-order-8 {
    order: 8;
  }
}

@media only screen and (min-width: 1400px) {
  .col-vlg-9 {
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .col-vlg-push-9 {
    margin-left: 75%;
  }
  .col-vlg-pull-9 {
    margin-left: -75%;
  }
  .col-vlg-order-9 {
    order: 9;
  }
}

@media only screen and (min-width: 1400px) {
  .col-vlg-10 {
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  .col-vlg-push-10 {
    margin-left: 83.33333%;
  }
  .col-vlg-pull-10 {
    margin-left: -83.33333%;
  }
  .col-vlg-order-10 {
    order: 10;
  }
}

@media only screen and (min-width: 1400px) {
  .col-vlg-11 {
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  .col-vlg-push-11 {
    margin-left: 91.66667%;
  }
  .col-vlg-pull-11 {
    margin-left: -91.66667%;
  }
  .col-vlg-order-11 {
    order: 11;
  }
}

@media only screen and (min-width: 1400px) {
  .col-vlg-12 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .col-vlg-push-12 {
    margin-left: 100%;
  }
  .col-vlg-pull-12 {
    margin-left: -100%;
  }
  .col-vlg-order-12 {
    order: 12;
  }
}

@media only screen and (min-width: 1760px) {
  .col-xl-1 {
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-push-1 {
    margin-left: 8.33333%;
  }
  .col-xl-pull-1 {
    margin-left: -8.33333%;
  }
  .col-xl-order-1 {
    order: 1;
  }
}

@media only screen and (min-width: 1760px) {
  .col-xl-2 {
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-push-2 {
    margin-left: 16.66667%;
  }
  .col-xl-pull-2 {
    margin-left: -16.66667%;
  }
  .col-xl-order-2 {
    order: 2;
  }
}

@media only screen and (min-width: 1760px) {
  .col-xl-3 {
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .col-xl-push-3 {
    margin-left: 25%;
  }
  .col-xl-pull-3 {
    margin-left: -25%;
  }
  .col-xl-order-3 {
    order: 3;
  }
}

@media only screen and (min-width: 1760px) {
  .col-xl-4 {
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-push-4 {
    margin-left: 33.33333%;
  }
  .col-xl-pull-4 {
    margin-left: -33.33333%;
  }
  .col-xl-order-4 {
    order: 4;
  }
}

@media only screen and (min-width: 1760px) {
  .col-xl-5 {
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-push-5 {
    margin-left: 41.66667%;
  }
  .col-xl-pull-5 {
    margin-left: -41.66667%;
  }
  .col-xl-order-5 {
    order: 5;
  }
}

@media only screen and (min-width: 1760px) {
  .col-xl-6 {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .col-xl-push-6 {
    margin-left: 50%;
  }
  .col-xl-pull-6 {
    margin-left: -50%;
  }
  .col-xl-order-6 {
    order: 6;
  }
}

@media only screen and (min-width: 1760px) {
  .col-xl-7 {
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-push-7 {
    margin-left: 58.33333%;
  }
  .col-xl-pull-7 {
    margin-left: -58.33333%;
  }
  .col-xl-order-7 {
    order: 7;
  }
}

@media only screen and (min-width: 1760px) {
  .col-xl-8 {
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-push-8 {
    margin-left: 66.66667%;
  }
  .col-xl-pull-8 {
    margin-left: -66.66667%;
  }
  .col-xl-order-8 {
    order: 8;
  }
}

@media only screen and (min-width: 1760px) {
  .col-xl-9 {
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .col-xl-push-9 {
    margin-left: 75%;
  }
  .col-xl-pull-9 {
    margin-left: -75%;
  }
  .col-xl-order-9 {
    order: 9;
  }
}

@media only screen and (min-width: 1760px) {
  .col-xl-10 {
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-push-10 {
    margin-left: 83.33333%;
  }
  .col-xl-pull-10 {
    margin-left: -83.33333%;
  }
  .col-xl-order-10 {
    order: 10;
  }
}

@media only screen and (min-width: 1760px) {
  .col-xl-11 {
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-push-11 {
    margin-left: 91.66667%;
  }
  .col-xl-pull-11 {
    margin-left: -91.66667%;
  }
  .col-xl-order-11 {
    order: 11;
  }
}

@media only screen and (min-width: 1760px) {
  .col-xl-12 {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .col-xl-push-12 {
    margin-left: 100%;
  }
  .col-xl-pull-12 {
    margin-left: -100%;
  }
  .col-xl-order-12 {
    order: 12;
  }
}