.container {
    max-width: 1120px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.col {
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
}

.col-2 { width: 16.66667%; }
.col-4 { width: 33.33333%; }
.col-5 { width: 41.66667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333%; }
.col-8 { width: 66.66667%; }
.col-10 { width: 83.33333%; }

.offset-0 { margin-left: 0%; }
.offset-1 { margin-left: 8.33333%; }
.offset-2 { margin-left: 16.66667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.33333%; }

@media ( min-width: 620px ) {
  .bp620\:col-8 { width: 66.66667%; }
  .bp620\:offset-2 { margin-left: 16.66667%; }
}
@media ( min-width: 700px ) {
  .bp700\:col-6 { width: 50%; }

  .bp700\:offset-0 { margin-left: 0; }
  .bp700\:offset-6 { margin-left: 50%; }
}
@media ( min-width: 1024px ) {
    .bp1024\:col-5 { width: 41.66667%; }
    .bp1024\:offset-7 { margin-left: 58.33333%; }
}