/* CSS Document */
/* NOTE: GRID-TEMPLATES */
.grid {
  display: -ms-grid;
  display: grid;
  grid-gap: 15px;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .lg1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .lg2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .lg2-80-20 {
    -ms-grid-columns: 8fr 2fr;
    grid-template-columns: 8fr 2fr;
  }
  .lg2-70-30 {
    -ms-grid-columns: 7fr 3fr;
    grid-template-columns: 7fr 3fr;
  }
  .lg2-60-40 {
    -ms-grid-columns: 6fr 4fr;
    grid-template-columns: 6fr 4fr;
  }
  .lg2-40-60 {
    -ms-grid-columns: 4fr 6fr;
    grid-template-columns: 4fr 6fr;
  }
  .lg2-30-70 {
    -ms-grid-columns: 3fr 7fr;
    grid-template-columns: 3fr 7fr;
  }
  .lg2-10-90 {
    -ms-grid-columns: 1fr 9fr;
    grid-template-columns: 1fr 9fr;
  }
  .lg3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .lg4 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .lg5 {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
  .lg6 {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
  }
  .lg7 {
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
  }
  .lg8 {
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
  }
  .lg10 {
    -ms-grid-columns: (1fr)[10];
    grid-template-columns: repeat(10, 1fr);
  }
}
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .md1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .md2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .md3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .md4 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .md5 {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
  .md6 {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
  }
  .md8 {
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .sm1 {
	-ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .sm2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .sm3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .sm4 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .sm5 {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
  .sm6 {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
  }
  .sm8 {
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
  }
}
.one-row {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}
.two-rows {
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
.two-rows-30-70 {
  -ms-grid-rows: 1fr 2fr;
  grid-template-rows: 1fr 2fr;
}
.three-rows {
  -ms-grid-rows: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
}