.center {
  text-align: center;
}

.margin-left-5 {
  margin: 0 0 0 5px;
}

.margin-bottom-5 {
  margin: 0 0 5px 0;
}

.margin-left-10 {
  margin: 0 0 0 10px;
}

.margin-bottom-10 {
  margin: 0 0 10px 0;
}

.margin-left-15 {
  margin: 0 0 0 15px;
}

.margin-bottom-15 {
  margin: 0 0 15px 0;
}

.margin-left-20 {
  margin: 0 0 0 20px;
}

.margin-bottom-20 {
  margin: 0 0 20px 0;
}

.margin-left-25 {
  margin: 0 0 0 25px;
}

.margin-bottom-25 {
  margin: 0 0 25px 0;
}

.margin-left-30 {
  margin: 0 0 0 30px;
}

.margin-bottom-30 {
  margin: 0 0 30px 0;
}

@media only screen and (max-width: 767px) {
  .row12 .grid1 {
    display: block;
    margin: 0 0 25px 0;
  }
  .row12 .grid1 img {
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .row12 .grid2 {
    display: block;
    margin: 0 0 25px 0;
  }
  .row12 .grid2 img {
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .row12 .grid3 {
    display: block;
    margin: 0 0 25px 0;
  }
  .row12 .grid3 img {
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .row12 .grid4 {
    display: block;
    margin: 0 0 25px 0;
  }
  .row12 .grid4 img {
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .row12 .grid5 {
    display: block;
    margin: 0 0 25px 0;
  }
  .row12 .grid5 img {
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .row12 .grid6 {
    display: block;
    margin: 0 0 25px 0;
  }
  .row12 .grid6 img {
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .row12 .grid7 {
    display: block;
    margin: 0 0 25px 0;
  }
  .row12 .grid7 img {
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .row12 .grid8 {
    display: block;
    margin: 0 0 25px 0;
  }
  .row12 .grid8 img {
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .row12 .grid9 {
    display: block;
    margin: 0 0 25px 0;
  }
  .row12 .grid9 img {
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .row12 .grid10 {
    display: block;
    margin: 0 0 25px 0;
  }
  .row12 .grid10 img {
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .row12 .grid11 {
    display: block;
    margin: 0 0 25px 0;
  }
  .row12 .grid11 img {
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .row12 .grid12 {
    display: block;
    margin: 0 0 25px 0;
  }
  .row12 .grid12 img {
    max-width: 310px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .row12 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .row12 img {
    width: 100%;
  }
  .row12 .grid1 {
    width: 8.3333%;
  }
  .row12 .grid1 img {
    max-width: 100px;
  }
  .row12 .grid2 {
    width: 16.6666%;
  }
  .row12 .grid2 img {
    max-width: 200px;
  }
  .row12 .grid3 {
    width: 24.9999%;
  }
  .row12 .grid3 img {
    max-width: 300px;
  }
  .row12 .grid4 {
    width: 33.3332%;
  }
  .row12 .grid4 img {
    max-width: 400px;
  }
  .row12 .grid5 {
    width: 41.6665%;
  }
  .row12 .grid5 img {
    max-width: 500px;
  }
  .row12 .grid6 {
    width: 49.9998%;
  }
  .row12 .grid6 img {
    max-width: 600px;
  }
  .row12 .grid7 {
    width: 58.3331%;
  }
  .row12 .grid7 img {
    max-width: 700px;
  }
  .row12 .grid8 {
    width: 66.6664%;
  }
  .row12 .grid8 img {
    max-width: 800px;
  }
  .row12 .grid9 {
    width: 74.9997%;
  }
  .row12 .grid9 img {
    max-width: 900px;
  }
  .row12 .grid10 {
    width: 83.333%;
  }
  .row12 .grid10 img {
    max-width: 1000px;
  }
  .row12 .grid11 {
    width: 91.6663%;
  }
  .row12 .grid11 img {
    max-width: 1100px;
  }
  .row12 .grid12 {
    width: 99.9996%;
  }
  .row12 .grid12 img {
    max-width: 1200px;
  }
}

@media only screen and (min-width: 768px) {
  .space {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .space .grid1 {
    width: 8.1%;
  }
  .space .grid2 {
    width: 16.2%;
  }
  .space .grid3 {
    width: 24.3%;
  }
  .space .grid4 {
    width: 32.4%;
  }
  .space .grid5 {
    width: 40.5%;
  }
  .space .grid6 {
    width: 48.6%;
  }
  .space .grid7 {
    width: 56.7%;
  }
  .space .grid8 {
    width: 64.8%;
  }
  .space .grid9 {
    width: 72.9%;
  }
  .space .grid10 {
    width: 81%;
  }
  .space .grid11 {
    width: 89.1%;
  }
  .space .grid12 {
    width: 97.2%;
  }
}

.reverse {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media only screen and (max-width: 767px) {
  .nosp {
    display: -webkit-flex;
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  .nosp {
    display: -webkit-flex;
    display: flex;
  }
}

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