/*-- box-sizing --*/
/* line 5, ../sass/gird.scss */
.column {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
}
/* line 13, ../sass/gird.scss */
.column .col {
  flex-direction: column;
  flex: 0 0 auto;
  margin-right: 10px;
  margin-left: 10px;
}
/* line 23, ../sass/gird.scss */
.column .col:first-child {
  margin-left: 0px;
}
/* line 26, ../sass/gird.scss */
.column .col:last-child {
  margin-right: 0px;
}

@media screen and (max-width: 767px) {
  /* line 32, ../sass/gird.scss */
  .column {
    width: calc(100% - 20px);
  }
  /* line 36, ../sass/gird.scss */
  .column .col-1 {
    width: calc(100% / 12);
    margin-right: 0;
    margin-left: 0;
  }
  /* line 41, ../sass/gird.scss */
  .column .col-2 {
    width: calc((100% - 100px) / 6);
  }
  /* line 43, ../sass/gird.scss */
  .column .col-2:nth-child(3) {
    margin-right: 10px;
  }
  /* line 46, ../sass/gird.scss */
  .column .col-2:nth-child(4) {
    margin-left: 10px;
  }
  /* line 50, ../sass/gird.scss */
  .column .col-3 {
    width: calc((100% - 20px) / 2);
  }
  /* line 52, ../sass/gird.scss */
  .column .col-3:nth-child(odd) {
    margin-right: 10px;
    margin-left: 0;
  }
  /* line 56, ../sass/gird.scss */
  .column .col-3:nth-child(even) {
    margin-right: 0;
    margin-left: 10px;
  }
  /* line 61, ../sass/gird.scss */
  .column .col-4 {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  /* line 66, ../sass/gird.scss */
  .column .col-6 {
    width: calc((100% - 20px) / 2);
  }
  /* line 68, ../sass/gird.scss */
  .column .col-6:first-child {
    margin-right: 10px;
  }
  /* line 71, ../sass/gird.scss */
  .column .col-6:last-child {
    margin-left: 10px;
  }
  /* line 75, ../sass/gird.scss */
  .column .col-8 {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  /* line 80, ../sass/gird.scss */
  .column .col-12 {
    width: 100%;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px) {
  /* line 87, ../sass/gird.scss */
  .column {
    width: calc(100% - 20px);
  }
  /* line 89, ../sass/gird.scss */
  .column .col-1 {
    width: calc((100% - 220px) / 12);
  }
  /* line 92, ../sass/gird.scss */
  .column .col-2 {
    width: calc((100% - 100px) / 6);
  }
  /* line 95, ../sass/gird.scss */
  .column .col-3 {
    width: calc((100% - 60px) / 4);
  }
  /* line 98, ../sass/gird.scss */
  .column .col-4 {
    width: calc((100% - 40px) / 3);
  }
  /* line 101, ../sass/gird.scss */
  .column .col-6 {
    width: calc((100% - 20px) / 2);
  }
  /* line 104, ../sass/gird.scss */
  .column .col-8 {
    width: 620px;
  }
  /* line 107, ../sass/gird.scss */
  .column .col-12 {
    width: 100%;
  }
}
@media screen and (min-width: 1000px) {
  /* line 114, ../sass/gird.scss */
  .column {
    width: 960px;
  }
  /* line 116, ../sass/gird.scss */
  .column .col-1 {
    width: 60px;
  }
  /* line 119, ../sass/gird.scss */
  .column .col-2 {
    width: 140px;
  }
  /* line 122, ../sass/gird.scss */
  .column .col-3 {
    width: 220px;
  }
  /* line 125, ../sass/gird.scss */
  .column .col-4 {
    width: 300px;
  }
  /* line 128, ../sass/gird.scss */
  .column .col-6 {
    width: 460px;
  }
  /* line 131, ../sass/gird.scss */
  .column .col-8 {
    width: 750px;
  }
  /* line 134, ../sass/gird.scss */
  .column .col-12 {
    width: 100%;
  }
}