.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 */