.grid {
  box-sizing: border-box;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .grid {
      width: 100%; } }
  @media screen and (max-width: 575px) {
    .grid {
      width: 100%; } }
  .grid-0 {
    box-sizing: border-box;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    width: 100%; }

.col-desk-0 {
  box-sizing: border-box;
  width: 0%; }
.col-desk-shift-0 {
  margin-left: 0%; }
.col-desk-1 {
  box-sizing: border-box;
  width: 8.3333333333%; }
.col-desk-shift-1 {
  margin-left: 8.3333333333%; }
.col-desk-2 {
  box-sizing: border-box;
  width: 16.6666666667%; }
.col-desk-shift-2 {
  margin-left: 16.6666666667%; }
.col-desk-3 {
  box-sizing: border-box;
  width: 25%; }
.col-desk-shift-3 {
  margin-left: 25%; }
.col-desk-4 {
  box-sizing: border-box;
  width: 33.3333333333%; }
.col-desk-shift-4 {
  margin-left: 33.3333333333%; }
.col-desk-5 {
  box-sizing: border-box;
  width: 41.6666666667%; }
.col-desk-shift-5 {
  margin-left: 41.6666666667%; }
.col-desk-6 {
  box-sizing: border-box;
  width: 50%; }
.col-desk-shift-6 {
  margin-left: 50%; }
.col-desk-7 {
  box-sizing: border-box;
  width: 58.3333333333%; }
.col-desk-shift-7 {
  margin-left: 58.3333333333%; }
.col-desk-8 {
  box-sizing: border-box;
  width: 66.6666666667%; }
.col-desk-shift-8 {
  margin-left: 66.6666666667%; }
.col-desk-9 {
  box-sizing: border-box;
  width: 75%; }
.col-desk-shift-9 {
  margin-left: 75%; }
.col-desk-10 {
  box-sizing: border-box;
  width: 83.3333333333%; }
.col-desk-shift-10 {
  margin-left: 83.3333333333%; }
.col-desk-11 {
  box-sizing: border-box;
  width: 91.6666666667%; }
.col-desk-shift-11 {
  margin-left: 91.6666666667%; }
.col-desk-12 {
  box-sizing: border-box;
  width: 100%; }
.col-desk-shift-12 {
  margin-left: 100%; }
@media screen and (max-width: 1100px) {
  .col-ml-0 {
    box-sizing: border-box;
    width: 0%; }
  .col-ml-shift-0 {
    margin-left: 0%; }
  .col-ml-1 {
    box-sizing: border-box;
    width: 8.3333333333%; }
  .col-ml-shift-1 {
    margin-left: 8.3333333333%; }
  .col-ml-2 {
    box-sizing: border-box;
    width: 16.6666666667%; }
  .col-ml-shift-2 {
    margin-left: 16.6666666667%; }
  .col-ml-3 {
    box-sizing: border-box;
    width: 25%; }
  .col-ml-shift-3 {
    margin-left: 25%; }
  .col-ml-4 {
    box-sizing: border-box;
    width: 33.3333333333%; }
  .col-ml-shift-4 {
    margin-left: 33.3333333333%; }
  .col-ml-5 {
    box-sizing: border-box;
    width: 41.6666666667%; }
  .col-ml-shift-5 {
    margin-left: 41.6666666667%; }
  .col-ml-6 {
    box-sizing: border-box;
    width: 50%; }
  .col-ml-shift-6 {
    margin-left: 50%; }
  .col-ml-7 {
    box-sizing: border-box;
    width: 58.3333333333%; }
  .col-ml-shift-7 {
    margin-left: 58.3333333333%; }
  .col-ml-8 {
    box-sizing: border-box;
    width: 66.6666666667%; }
  .col-ml-shift-8 {
    margin-left: 66.6666666667%; }
  .col-ml-9 {
    box-sizing: border-box;
    width: 75%; }
  .col-ml-shift-9 {
    margin-left: 75%; }
  .col-ml-10 {
    box-sizing: border-box;
    width: 83.3333333333%; }
  .col-ml-shift-10 {
    margin-left: 83.3333333333%; }
  .col-ml-11 {
    box-sizing: border-box;
    width: 91.6666666667%; }
  .col-ml-shift-11 {
    margin-left: 91.6666666667%; }
  .col-ml-12 {
    box-sizing: border-box;
    width: 100%; }
  .col-ml-shift-12 {
    margin-left: 100%; } }
@media screen and (max-width: 768px) {
  .col-tab-0 {
    box-sizing: border-box;
    width: 0%; }
  .col-tab-shift-0 {
    margin-left: 0%; }
  .col-tab-1 {
    box-sizing: border-box;
    width: 8.3333333333%; }
  .col-tab-shift-1 {
    margin-left: 8.3333333333%; }
  .col-tab-2 {
    box-sizing: border-box;
    width: 16.6666666667%; }
  .col-tab-shift-2 {
    margin-left: 16.6666666667%; }
  .col-tab-3 {
    box-sizing: border-box;
    width: 25%; }
  .col-tab-shift-3 {
    margin-left: 25%; }
  .col-tab-4 {
    box-sizing: border-box;
    width: 33.3333333333%; }
  .col-tab-shift-4 {
    margin-left: 33.3333333333%; }
  .col-tab-5 {
    box-sizing: border-box;
    width: 41.6666666667%; }
  .col-tab-shift-5 {
    margin-left: 41.6666666667%; }
  .col-tab-6 {
    box-sizing: border-box;
    width: 50%; }
  .col-tab-shift-6 {
    margin-left: 50%; }
  .col-tab-7 {
    box-sizing: border-box;
    width: 58.3333333333%; }
  .col-tab-shift-7 {
    margin-left: 58.3333333333%; }
  .col-tab-8 {
    box-sizing: border-box;
    width: 66.6666666667%; }
  .col-tab-shift-8 {
    margin-left: 66.6666666667%; }
  .col-tab-9 {
    box-sizing: border-box;
    width: 75%; }
  .col-tab-shift-9 {
    margin-left: 75%; }
  .col-tab-10 {
    box-sizing: border-box;
    width: 83.3333333333%; }
  .col-tab-shift-10 {
    margin-left: 83.3333333333%; }
  .col-tab-11 {
    box-sizing: border-box;
    width: 91.6666666667%; }
  .col-tab-shift-11 {
    margin-left: 91.6666666667%; }
  .col-tab-12 {
    box-sizing: border-box;
    width: 100%; }
  .col-tab-shift-12 {
    margin-left: 100%; } }
@media screen and (max-width: 575px) {
  .col-mob-0 {
    box-sizing: border-box;
    width: 0%; }
  .col-mob-shift-0 {
    margin-left: 0%; }
  .col-mob-1 {
    box-sizing: border-box;
    width: 25%; }
  .col-mob-shift-1 {
    margin-left: 25%; }
  .col-mob-2 {
    box-sizing: border-box;
    width: 50%; }
  .col-mob-shift-2 {
    margin-left: 50%; }
  .col-mob-3 {
    box-sizing: border-box;
    width: 75%; }
  .col-mob-shift-3 {
    margin-left: 75%; }
  .col-mob-4 {
    box-sizing: border-box;
    width: 100%; }
  .col-mob-shift-4 {
    margin-left: 100%; } }

.cat-col-desk-0 {
  box-sizing: border-box;
  width: 0%; }
.cat-col-desk-1 {
  box-sizing: border-box;
  width: 31.7708333333%; }
.cat-col-desk-2 {
  box-sizing: border-box;
  width: 65.1041666667%; }
.cat-col-desk-3 {
  box-sizing: border-box;
  width: 100%; }
@media screen and (max-width: 768px) {
  .cat-col-tab-0 {
    box-sizing: border-box;
    width: 0%; }
  .cat-col-tab-1 {
    box-sizing: border-box;
    width: 48.9583333333%; }
  .cat-col-tab-2 {
    box-sizing: border-box;
    width: 100%; } }
@media screen and (max-width: 575px) {
  .cat-col-mob-0 {
    box-sizing: border-box;
    width: 0%; }
  .cat-col-mob-1 {
    box-sizing: border-box;
    width: 100%; } }

/*.container {
  max-width: $grid-desktop-breakpoint;
  width: 100%;
  margin: 0 auto;
  @media screen and (max-width: $grid-desktop-breakpoint) {
    max-width:$grid-tablet-breakpoint - 40px;
  }
}*/

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