/* Compiled Less CSS File */
/* Generated from "grid.css" */

body {
  font-size: 14px;
  font-size: 0.875rem;
}
.inside {
  width: 970px;
  padding: 0 10px;
}
.grid1 {
  width: 19px;
}
.grid2 {
  width: 68px;
}
.grid3 {
  width: 117px;
}
.grid4 {
  width: 166px;
}
.grid5 {
  width: 215px;
}
.grid6 {
  width: 264px;
}
.grid7 {
  width: 313px;
}
.grid8 {
  width: 362px;
}
.grid9 {
  width: 411px;
}
.grid10 {
  width: 460px;
}
.grid11 {
  width: 509px;
}
.grid12 {
  width: 558px;
}
.grid13 {
  width: 607px;
}
.grid14 {
  width: 656px;
}
.grid15 {
  width: 705px;
}
.grid16 {
  width: 754px;
}
.grid17 {
  width: 803px;
}
.grid18 {
  width: 852px;
}
.grid19 {
  width: 901px;
}
.grid20 {
  width: 950px;
}
.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11,
.grid12,
.grid13,
.grid14,
.grid15,
.grid16,
.grid17,
.grid18,
.grid19,
.grid20 {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
.lb {
  /* line-break */

  margin-right: 0 !important;
}
.ll {
  /* last line */

  margin-bottom: 0;
}
/* NAVIGATION */
nav li {
  float: left;
}
#nav1 li {
  width: 16.66%;
}
#nav2 li {
  width: 33.33%;
}
.menubutton {
  display: none;
}
@media only screen and (max-width: 969px) {
  body {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .inside {
    width: 820px;
    padding: 0 10px;
  }
  .grid1 {
    width: 21px;
  }
  .grid2 {
    width: 62px;
  }
  .grid3 {
    width: 103px;
  }
  .grid4 {
    width: 144px;
  }
  .grid5 {
    width: 185px;
  }
  .grid6 {
    width: 226px;
  }
  .grid7 {
    width: 267px;
  }
  .grid8 {
    width: 308px;
  }
  .grid9 {
    width: 349px;
  }
  .grid10 {
    width: 390px;
  }
  .grid11 {
    width: 431px;
  }
  .grid12 {
    width: 472px;
  }
  .grid13 {
    width: 513px;
  }
  .grid14 {
    width: 554px;
  }
  .grid15 {
    width: 595px;
  }
  .grid16 {
    width: 636px;
  }
  .grid17 {
    width: 677px;
  }
  .grid18 {
    width: 718px;
  }
  .grid19 {
    width: 759px;
  }
  .grid20 {
    width: 800px;
  }
  .grid1,
  .grid2,
  .grid3,
  .grid4,
  .grid5,
  .grid6,
  .grid7,
  .grid8,
  .grid9,
  .grid10,
  .grid11,
  .grid12,
  .grid13,
  .grid14,
  .grid15,
  .grid16,
  .grid17,
  .grid18,
  .grid19,
  .grid20 {
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 819px) {
  body {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .inside {
    width: 700px;
    padding: 0 10px;
  }
  .grid1 {
    width: 15px;
  }
  .grid2 {
    width: 50px;
  }
  .grid3 {
    width: 85px;
  }
  .grid4 {
    width: 120px;
  }
  .grid5 {
    width: 155px;
  }
  .grid6 {
    width: 190px;
  }
  .grid7 {
    width: 225px;
  }
  .grid8 {
    width: 260px;
  }
  .grid9 {
    width: 295px;
  }
  .grid10 {
    width: 330px;
  }
  .grid11 {
    width: 365px;
  }
  .grid12 {
    width: 400px;
  }
  .grid13 {
    width: 435px;
  }
  .grid14 {
    width: 470px;
  }
  .grid15 {
    width: 505px;
  }
  .grid16 {
    width: 540px;
  }
  .grid17 {
    width: 575px;
  }
  .grid18 {
    width: 610px;
  }
  .grid19 {
    width: 645px;
  }
  .grid20 {
    width: 680px;
  }
  .grid1,
  .grid2,
  .grid3,
  .grid4,
  .grid5,
  .grid6,
  .grid7,
  .grid8,
  .grid9,
  .grid10,
  .grid11,
  .grid12,
  .grid13,
  .grid14,
  .grid15,
  .grid16,
  .grid17,
  .grid18,
  .grid19,
  .grid20 {
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .boxinnen {
    padding: 10px;
  }
  /* NAVIGATION */
  #nav1 li {
    font-size: 16px;
    font-size: 1rem;
  }
  #nav2 li {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 699px) {
  body {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .inside {
    width: 100%;
    padding: 0 10px;
  }
  .grid1,
  .grid2,
  .grid3,
  .grid4,
  .grid5,
  .grid6,
  .grid7,
  .grid8,
  .grid9,
  .grid10,
  .grid11,
  .grid12,
  .grid13,
  .grid14,
  .grid15,
  .grid16,
  .grid17,
  .grid18,
  .grid19,
  .grid20 {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }
  .boxinnen {
    padding: 10px;
  }
  /* NAVIGATION */
  nav li {
    float: none;
    border-right: 2px solid #fff;
  }
  #nav1 li {
    width: 100%;
  }
  #nav2 li {
    width: 100%;
  }
}