.grid, .cell {
  display: block;
  box-sizing: border-box;
}

.grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start ;
  justify-content: flex-start ;
  -ms-flex-align: stretch ;
  align-items: stretch ;
  margin: 30px 0;
  padding: 0;
  list-style: none;
}

.cell {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border-width: 1px !important;
  border-color: #ebebeb;
  border-style: none;
}

.cell:last-child {
  margin-right: 0 !important;
}

.grid--border {
  padding-top: 1px;
}

.grid--border > .cell {
  border-style: solid;
  margin: 0 0 -1px -1px;
}

.grid--gutter {
  padding-top: 0;
}
.grid p {
padding-left: 10px;
    padding-right: 10px;
}
.grid--gutter > .cell {
  margin: 0 0 20px 0;
}
.grid--center > .cell {text-align: center;}


.grid--auto > .cell {
  width: 0;
  max-width: none;
  min-width: 100%;
}

@media (min-width: 576px) {
  .cell {
    max-width: 50%;
    margin: 0;
  }

  .grid--border > .cell {
    max-width: calc(50% + 0.5px);
    margin: -1px -1px 0 0;
  }

  .grid--gutter > .cell {
    max-width: calc(50% - 10px);
    margin: 0 20px 20px 0;
  }

  .cell:nth-child(2n) {
    margin-right: 0;
  }

  .grid--auto > .cell {
    max-width: none;
    min-width: 50%;
  }

  .grid--auto.grid--gutter > .cell {
    min-width: calc(50% - 10px);
  }
}
@media (min-width: 768px) {
  .cell {
    max-width: 33.333333%;
    margin: 0;
  }

  .grid--border > .cell {
    max-width: calc(33.333333% + 0.67px);
    margin: -1px -1px 0 0;
  }

  .grid--gutter > .cell {
    max-width: calc(33.333333% - 13.33px);
    margin: 0 20px 20px 0;
  }

  .cell:nth-child(3n) {
    margin-right: 0;
  }

  .grid--auto > .cell {
    max-width: none;
    min-width: 33.333333%;
  }

  .grid--auto.grid--gutter > .cell {
    min-width: calc(33.333333% - 13.33px);
  }
}
.grid--1 > .cell {
  max-width: 100%;
  margin: 0;
}

.grid--1.grid--border > .cell {
  margin: -1px 0 0;
}

.grid--1.grid--gutter > .cell {
  margin: 0 0 20px;
}

.grid--2 > .cell {
  max-width: 50%;
  margin: 0;
}

.grid--2.grid--border > .cell {
  max-width: calc(50% + 0.5px);
  margin: -1px -1px 0 0;
}

.grid--2.grid--gutter > .cell {
  max-width: calc(50% - 10px);
  margin: 0 20px 20px 0;
}

.grid--2 > .cell:nth-child(2n) {
  margin-right: 0;
}

.grid--2.grid--auto > .cell {
  max-width: none;
  min-width: 50%;
}

.grid--2.grid--auto.grid--gutter > .cell {
  min-width: calc(50% - 10px);
}

.grid--3 > .cell {
  max-width: 33.333333%;
  margin: 0;
}

.grid--3.grid--border > .cell {
  max-width: calc(33.333333% + 0.67px);
  margin: -1px -1px 0 0;
}

.grid--3.grid--gutter > .cell {
  max-width: calc(33.333333% - 13.33px);
  margin: 0 20px 20px 0;
}

.grid--3 > .cell:nth-child(3n) {
  margin-right: 0;
}

.grid--3.grid--auto > .cell {
  max-width: none;
  min-width: 33.333333%;
}

.grid--3.grid--auto.grid--gutter > .cell {
  min-width: calc(33.333333% - 13.33px);
}

.grid--4 > .cell {
  max-width: 25%;
  margin: 0;
}

.grid--4.grid--border > .cell {
  max-width: calc(25% + 0.75px);
  margin: -1px -1px 0 0;
}

.grid--4.grid--gutter > .cell {
  max-width: calc(25% - 15px);
  margin: 0 20px 20px 0;
}

.grid--4 > .cell:nth-child(4n) {
  margin-right: 0;
}

.grid--4.grid--auto > .cell {
  max-width: none;
  min-width: 25%;
}

.grid--4.grid--auto.grid--gutter > .cell {
  min-width: calc(25% - 15px);
}

.grid--5 > .cell {
  max-width: 20%;
  margin: 0;
}

.grid--5.grid--border > .cell {
  max-width: calc(20% + 0.8px);
  margin: -1px -1px 0 0;
}

.grid--5.grid--gutter > .cell {
  max-width: calc(20% - 16px);
  margin: 0 20px 20px 0;
}

.grid--5 > .cell:nth-child(5n) {
  margin-right: 0;
}

.grid--5.grid--auto > .cell {
  max-width: none;
  min-width: 20%;
}

.grid--5.grid--auto.grid--gutter > .cell {
  min-width: calc(20% - 16px);
}

.grid--6 > .cell {
  max-width: 16.666667%;
  margin: 0;
}

.grid--6.grid--border > .cell {
  max-width: calc(16.666667% + 0.83px);
  margin: -1px -1px 0 0;
}

.grid--6.grid--gutter > .cell {
  max-width: calc(16.666667% - 16.67px);
  margin: 0 20px 20px 0;
}

.grid--6 > .cell:nth-child(6n) {
  margin-right: 0;
}

.grid--6.grid--auto > .cell {
  max-width: none;
  min-width: 16.666667%;
}

.grid--6.grid--auto.grid--gutter > .cell {
  min-width: calc(16.666667% - 16.67px);
}

@media (min-width: 576px) {
  .grid--sm-1 > .cell {
    max-width: 100%;
    margin: 0;
  }

  .grid--sm-1.grid--border > .cell {
    margin: -1px 0 0;
  }

  .grid--sm-1.grid--gutter > .cell {
    margin: 0 0 20px;
  }

  .grid--sm-2 > .cell {
    max-width: 50%;
    margin: 0;
  }

  .grid--sm-2.grid--border > .cell {
    max-width: calc(50% + 0.5px);
    margin: -1px -1px 0 0;
  }

  .grid--sm-2.grid--gutter > .cell {
    max-width: calc(50% - 10px);
    margin: 0 20px 20px 0;
  }

  .grid--sm-2 > .cell:nth-child(2n) {
    margin-right: 0;
  }

  .grid--sm-2.grid--auto > .cell {
    max-width: none;
    min-width: 50%;
  }

  .grid--sm-2.grid--auto.grid--gutter > .cell {
    min-width: calc(50% - 10px);
  }

  .grid--sm-3 > .cell {
    max-width: 33.333333%;
    margin: 0;
  }

  .grid--sm-3.grid--border > .cell {
    max-width: calc(33.333333% + 0.67px);
    margin: -1px -1px 0 0;
  }

  .grid--sm-3.grid--gutter > .cell {
    max-width: calc(33.333333% - 13.33px);
    margin: 0 20px 20px 0;
  }

  .grid--sm-3 > .cell:nth-child(3n) {
    margin-right: 0;
  }

  .grid--sm-3.grid--auto > .cell {
    max-width: none;
    min-width: 33.333333%;
  }

  .grid--sm-3.grid--auto.grid--gutter > .cell {
    min-width: calc(33.333333% - 13.33px);
  }

  .grid--sm-4 > .cell {
    max-width: 25%;
    margin: 0;
  }

  .grid--sm-4.grid--border > .cell {
    max-width: calc(25% + 0.75px);
    margin: -1px -1px 0 0;
  }

  .grid--sm-4.grid--gutter > .cell {
    max-width: calc(25% - 15px);
    margin: 0 20px 20px 0;
  }

  .grid--sm-4 > .cell:nth-child(4n) {
    margin-right: 0;
  }

  .grid--sm-4.grid--auto > .cell {
    max-width: none;
    min-width: 25%;
  }

  .grid--sm-4.grid--auto.grid--gutter > .cell {
    min-width: calc(25% - 15px);
  }

  .grid--sm-5 > .cell {
    max-width: 20%;
    margin: 0;
  }

  .grid--sm-5.grid--border > .cell {
    max-width: calc(20% + 0.8px);
    margin: -1px -1px 0 0;
  }

  .grid--sm-5.grid--gutter > .cell {
    max-width: calc(20% - 16px);
    margin: 0 20px 20px 0;
  }

  .grid--sm-5 > .cell:nth-child(5n) {
    margin-right: 0;
  }

  .grid--sm-5.grid--auto > .cell {
    max-width: none;
    min-width: 20%;
  }

  .grid--sm-5.grid--auto.grid--gutter > .cell {
    min-width: calc(20% - 16px);
  }

  .grid--sm-6 > .cell {
    max-width: 16.666667%;
    margin: 0;
  }

  .grid--sm-6.grid--border > .cell {
    max-width: calc(16.666667% + 0.83px);
    margin: -1px -1px 0 0;
  }

  .grid--sm-6.grid--gutter > .cell {
    max-width: calc(16.666667% - 16.67px);
    margin: 0 20px 20px 0;
  }

  .grid--sm-6 > .cell:nth-child(6n) {
    margin-right: 0;
  }

  .grid--sm-6.grid--auto > .cell {
    max-width: none;
    min-width: 16.666667%;
  }

  .grid--sm-6.grid--auto.grid--gutter > .cell {
    min-width: calc(16.666667% - 16.67px);
  }
}
@media (min-width: 768px) {
  .grid--md-1 > .cell {
    max-width: 100%;
    margin: 0;
  }

  .grid--md-1.grid--border > .cell {
    margin: -1px 0 0;
  }

  .grid--md-1.grid--gutter > .cell {
    margin: 0 0 20px;
  }

  .grid--md-2 > .cell {
    max-width: 50%;
    margin: 0;
  }

  .grid--md-2.grid--border > .cell {
    max-width: calc(50% + 0.5px);
    margin: -1px -1px 0 0;
  }

  .grid--md-2.grid--gutter > .cell {
    max-width: calc(50% - 10px);
    margin: 0 20px 20px 0;
  }

  .grid--md-2 > .cell:nth-child(2n) {
    margin-right: 0;
  }

  .grid--md-2.grid--auto > .cell {
    max-width: none;
    min-width: 50%;
  }

  .grid--md-2.grid--auto.grid--gutter > .cell {
    min-width: calc(50% - 10px);
  }

  .grid--md-3 > .cell {
    max-width: 33.333333%;
    margin: 0;
  }

  .grid--md-3.grid--border > .cell {
    max-width: calc(33.333333% + 0.67px);
    margin: -1px -1px 0 0;
  }

  .grid--md-3.grid--gutter > .cell {
    max-width: calc(33.333333% - 13.33px);
    margin: 0 20px 20px 0;
  }

  .grid--md-3 > .cell:nth-child(3n) {
    margin-right: 0;
  }

  .grid--md-3.grid--auto > .cell {
    max-width: none;
    min-width: 33.333333%;
  }

  .grid--md-3.grid--auto.grid--gutter > .cell {
    min-width: calc(33.333333% - 13.33px);
  }

  .grid--md-4 > .cell {
    max-width: 25%;
    margin: 0;
  }

  .grid--md-4.grid--border > .cell {
    max-width: calc(25% + 0.75px);
    margin: -1px -1px 0 0;
  }

  .grid--md-4.grid--gutter > .cell {
    max-width: calc(25% - 15px);
    margin: 0 20px 20px 0;
  }

  .grid--md-4 > .cell:nth-child(4n) {
    margin-right: 0;
  }

  .grid--md-4.grid--auto > .cell {
    max-width: none;
    min-width: 25%;
  }

  .grid--md-4.grid--auto.grid--gutter > .cell {
    min-width: calc(25% - 15px);
  }

  .grid--md-5 > .cell {
    max-width: 20%;
    margin: 0;
  }

  .grid--md-5.grid--border > .cell {
    max-width: calc(20% + 0.8px);
    margin: -1px -1px 0 0;
  }

  .grid--md-5.grid--gutter > .cell {
    max-width: calc(20% - 16px);
    margin: 0 20px 20px 0;
  }

  .grid--md-5 > .cell:nth-child(5n) {
    margin-right: 0;
  }

  .grid--md-5.grid--auto > .cell {
    max-width: none;
    min-width: 20%;
  }

  .grid--md-5.grid--auto.grid--gutter > .cell {
    min-width: calc(20% - 16px);
  }

  .grid--md-6 > .cell {
    max-width: 16.666667%;
    margin: 0;
  }

  .grid--md-6.grid--border > .cell {
    max-width: calc(16.666667% + 0.83px);
    margin: -1px -1px 0 0;
  }

  .grid--md-6.grid--gutter > .cell {
    max-width: calc(16.666667% - 16.67px);
    margin: 0 20px 20px 0;
  }

  .grid--md-6 > .cell:nth-child(6n) {
    margin-right: 0;
  }

  .grid--md-6.grid--auto > .cell {
    max-width: none;
    min-width: 16.666667%;
  }

  .grid--md-6.grid--auto.grid--gutter > .cell {
    min-width: calc(16.666667% - 16.67px);
  }
}
@media (min-width: 992px) {
  .grid--lg-1 > .cell {
    max-width: 100%;
    margin: 0;
  }

  .grid--lg-1.grid--border > .cell {
    margin: -1px 0 0;
  }

  .grid--lg-1.grid--gutter > .cell {
    margin: 0 0 20px;
  }

  .grid--lg-2 > .cell {
    max-width: 50%;
    margin: 0;
  }

  .grid--lg-2.grid--border > .cell {
    max-width: calc(50% + 0.5px);
    margin: -1px -1px 0 0;
  }

  .grid--lg-2.grid--gutter > .cell {
    max-width: calc(50% - 10px);
    margin: 0 20px 20px 0;
  }

  .grid--lg-2 > .cell:nth-child(2n) {
    margin-right: 0;
  }

  .grid--lg-2.grid--auto > .cell {
    max-width: none;
    min-width: 50%;
  }

  .grid--lg-2.grid--auto.grid--gutter > .cell {
    min-width: calc(50% - 10px);
  }

  .grid--lg-3 > .cell {
    max-width: 33.333333%;
    margin: 0;
  }

  .grid--lg-3.grid--border > .cell {
    max-width: calc(33.333333% + 0.67px);
    margin: -1px -1px 0 0;
  }

  .grid--lg-3.grid--gutter > .cell {
    max-width: calc(33.333333% - 13.33px);
    margin: 0 20px 20px 0;
  }

  .grid--lg-3 > .cell:nth-child(3n) {
    margin-right: 0;
  }

  .grid--lg-3.grid--auto > .cell {
    max-width: none;
    min-width: 33.333333%;
  }

  .grid--lg-3.grid--auto.grid--gutter > .cell {
    min-width: calc(33.333333% - 13.33px);
  }

  .grid--lg-4 > .cell {
    max-width: 25%;
    margin: 0;
  }

  .grid--lg-4.grid--border > .cell {
    max-width: calc(25% + 0.75px);
    margin: -1px -1px 0 0;
  }

  .grid--lg-4.grid--gutter > .cell {
    max-width: calc(25% - 15px);
    margin: 0 20px 20px 0;
  }

  .grid--lg-4 > .cell:nth-child(4n) {
    margin-right: 0;
  }

  .grid--lg-4.grid--auto > .cell {
    max-width: none;
    min-width: 25%;
  }

  .grid--lg-4.grid--auto.grid--gutter > .cell {
    min-width: calc(25% - 15px);
  }

  .grid--lg-5 > .cell {
    max-width: 20%;
    margin: 0;
  }

  .grid--lg-5.grid--border > .cell {
    max-width: calc(20% + 0.8px);
    margin: -1px -1px 0 0;
  }

  .grid--lg-5.grid--gutter > .cell {
    max-width: calc(20% - 16px);
    margin: 0 20px 20px 0;
  }

  .grid--lg-5 > .cell:nth-child(5n) {
    margin-right: 0;
  }

  .grid--lg-5.grid--auto > .cell {
    max-width: none;
    min-width: 20%;
  }

  .grid--lg-5.grid--auto.grid--gutter > .cell {
    min-width: calc(20% - 16px);
  }

  .grid--lg-6 > .cell {
    max-width: 16.666667%;
    margin: 0;
  }

  .grid--lg-6.grid--border > .cell {
    max-width: calc(16.666667% + 0.83px);
    margin: -1px -1px 0 0;
  }

  .grid--lg-6.grid--gutter > .cell {
    max-width: calc(16.666667% - 16.67px);
    margin: 0 20px 20px 0;
  }

  .grid--lg-6 > .cell:nth-child(6n) {
    margin-right: 0;
  }

  .grid--lg-6.grid--auto > .cell {
    max-width: none;
    min-width: 16.666667%;
  }

  .grid--lg-6.grid--auto.grid--gutter > .cell {
    min-width: calc(16.666667% - 16.67px);
  }
}
@media (min-width: 1200px) {
  .grid--xl-1 > .cell {
    max-width: 100%;
    margin: 0;
  }

  .grid--xl-1.grid--border > .cell {
    margin: -1px 0 0;
  }

  .grid--xl-1.grid--gutter > .cell {
    margin: 0 0 20px;
  }

  .grid--xl-2 > .cell {
    max-width: 50%;
    margin: 0;
  }

  .grid--xl-2.grid--border > .cell {
    max-width: calc(50% + 0.5px);
    margin: -1px -1px 0 0;
  }

  .grid--xl-2.grid--gutter > .cell {
    max-width: calc(50% - 10px);
    margin: 0 20px 20px 0;
  }

  .grid--xl-2 > .cell:nth-child(2n) {
    margin-right: 0;
  }

  .grid--xl-2.grid--auto > .cell {
    max-width: none;
    min-width: 50%;
  }

  .grid--xl-2.grid--auto.grid--gutter > .cell {
    min-width: calc(50% - 10px);
  }

  .grid--xl-3 > .cell {
    max-width: 33.333333%;
    margin: 0;
  }

  .grid--xl-3.grid--border > .cell {
    max-width: calc(33.333333% + 0.67px);
    margin: -1px -1px 0 0;
  }

  .grid--xl-3.grid--gutter > .cell {
    max-width: calc(33.333333% - 13.33px);
    margin: 0 20px 20px 0;
  }

  .grid--xl-3 > .cell:nth-child(3n) {
    margin-right: 0;
  }

  .grid--xl-3.grid--auto > .cell {
    max-width: none;
    min-width: 33.333333%;
  }

  .grid--xl-3.grid--auto.grid--gutter > .cell {
    min-width: calc(33.333333% - 13.33px);
  }

  .grid--xl-4 > .cell {
    max-width: 25%;
    margin: 0;
  }

  .grid--xl-4.grid--border > .cell {
    max-width: calc(25% + 0.75px);
    margin: -1px -1px 0 0;
  }

  .grid--xl-4.grid--gutter > .cell {
    max-width: calc(25% - 15px);
    margin: 0 20px 20px 0;
  }

  .grid--xl-4 > .cell:nth-child(4n) {
    margin-right: 0;
  }

  .grid--xl-4.grid--auto > .cell {
    max-width: none;
    min-width: 25%;
  }

  .grid--xl-4.grid--auto.grid--gutter > .cell {
    min-width: calc(25% - 15px);
  }

  .grid--xl-5 > .cell {
    max-width: 20%;
    margin: 0;
  }

  .grid--xl-5.grid--border > .cell {
    max-width: calc(20% + 0.8px);
    margin: -1px -1px 0 0;
  }

  .grid--xl-5.grid--gutter > .cell {
    max-width: calc(20% - 16px);
    margin: 0 20px 20px 0;
  }

  .grid--xl-5 > .cell:nth-child(5n) {
    margin-right: 0;
  }

  .grid--xl-5.grid--auto > .cell {
    max-width: none;
    min-width: 20%;
  }

  .grid--xl-5.grid--auto.grid--gutter > .cell {
    min-width: calc(20% - 16px);
  }

  .grid--xl-6 > .cell {
    max-width: 16.666667%;
    margin: 0;
  }

  .grid--xl-6.grid--border > .cell {
    max-width: calc(16.666667% + 0.83px);
    margin: -1px -1px 0 0;
  }

  .grid--xl-6.grid--gutter > .cell {
    max-width: calc(16.666667% - 16.67px);
    margin: 0 20px 20px 0;
  }

  .grid--xl-6 > .cell:nth-child(6n) {
    margin-right: 0;
  }

  .grid--xl-6.grid--auto > .cell {
    max-width: none;
    min-width: 16.666667%;
  }

  .grid--xl-6.grid--auto.grid--gutter > .cell {
    min-width: calc(16.666667% - 16.67px);
  }
}

/*# sourceMappingURL=grid.css.map */