.gridRow {
  width: 100%;
  margin: 0 auto 30px;
  position: relative;
  z-index: 1;
  max-width: 980px;
}

.gridRow:last-child {
  margin-bottom: 0;
}

.gridRow:before,
.gridRow:after {
  content: "";
  display: table;
}

.gridRow:after {
  clear: both;
}

[class*="gridCol-"] {float: left;}

[class*="gridCol-"] p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .gridRow, [class*="gridCol-"] {padding-right: 6px; padding-left: 6px;}
  .gridCol-s-1 {width: 8.33333%;}
  .gridCol-s-2 {width: 16.66667%;}
  .gridCol-s-3 {width: 25%;}
  .gridCol-s-4 {width: 33.33333%;}
  .gridCol-s-5 {width: 41.66667%;}
  .gridCol-s-6 {width: 50%;}
  .gridCol-s-7 {width: 58.33333%;}
  .gridCol-s-8 {width: 66.66667%;}
  .gridCol-s-9 {width: 75%;}
  .gridCol-s-10 {width: 83.33333%;}
  .gridCol-s-11 {width: 91.66667%;}
  .gridCol-s-12 {width: 100%;}
  .gridCol-s-c {float: none; margin-left: auto; margin-right: auto;}
  .gridCol-s-r {float: right;}
}

@media (min-width: 768px) and (max-width: 979px) {
  .gridRow, [class*="gridCol-"] {padding-right: 15px; padding-left: 15px;}
  .gridCol-m-1 {width: 8.33333%;}
  .gridCol-m-2 {width: 16.66667%;}
  .gridCol-m-3 {width: 25%;}
  .gridCol-m-4 {width: 33.33333%;}
  .gridCol-m-5 {width: 41.66667%;}
  .gridCol-m-6 {width: 50%;}
  .gridCol-m-7 {width: 58.33333%;}
  .gridCol-m-8 {width: 66.66667%;}
  .gridCol-m-9 {width: 75%;}
  .gridCol-m-10 {width: 83.33333%;}
  .gridCol-m-11 {width: 91.66667%;}
  .gridCol-m-12 {width: 100%;}
  .gridCol-m-c {float: none; margin-left: auto; margin-right: auto;}
  .gridCol-m-r {float: right;}
}

@media(min-width: 980px) {
  .gridRow, [class*="gridCol-"] {padding-right: 15px; padding-left: 15px;}
  .gridCol-l-1 {width: 8.33333%;}
  .gridCol-l-2 {width: 16.66667%;}
  .gridCol-l-3 {width: 25%;}
  .gridCol-l-4 {width: 33.33333%;}
  .gridCol-l-5 {width: 41.66667%;}
  .gridCol-l-6 {width: 50%;}
  .gridCol-l-7 {width: 58.33333%;}
  .gridCol-l-8 {width: 66.66667%;}
  .gridCol-l-9 {width: 75%;}
  .gridCol-l-10 {width: 83.33333%;}
  .gridCol-l-11 {width: 91.66667%;}
  .gridCol-l-12 {width: 100%;}
  .gridCol-l-c {float: none; margin-left: auto; margin-right: auto;}
  .gridCol-l-r {float: right;}
}

.gridRow[class*="gridCol-"] {
  padding-right: 0;
  padding-left: 0;
}


.f-container {
    display:flex;
    flex-direction:row;
}

@media (max-width: 767px) {

    .f-container {
        flex-direction: column;
    }}
    .f-item {
        flex: 1
    }