/* !Grid (Author: mail@jandousek.cz) */

.grid {
  margin: 0 -12px;
  font-size: 0;
}

/*
  col
  ***
 */

.grid__col {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  padding: 0 12px;
  font-size: 20px;
}

/*
  - gaps
  ---
*/

.grid--gaps-small .grid__col {
  padding: 0 8px;
}

@media only screen and (min-width: 1001px) {

  .grid--gaps-large .grid__col {
    padding: 0 42px;
  }
  .grid--gaps-huge .grid__col {
    padding: 0 64px;
  }

}

/*
  align
  ---
 */

.grid__col--align-top {
  vertical-align: top;
}
.grid__col--align-middle {
  vertical-align: middle;
}
.grid__col--align-bottom {
  vertical-align: bottom;
}

/*
  size - normal
  ---
 */

.grid__col--size-5 {
  width: 5%;
}
.grid__col--size-10 {
  width: 10%;
}
.grid__col--size-15 {
  width: 15%;
}
.grid__col--size-20 {
  width: 20%;
}
.grid__col--size-25 {
  width: 25%;
}
.grid__col--size-30 {
  width: 30%;
}
.grid__col--size-35 {
  width: 35%;
}
.grid__col--size-40 {
  width: 40%;
}
.grid__col--size-45 {
  width: 45%;
}
.grid__col--size-50 {
  width: 50%;
}
.grid__col--size-55 {
  width: 55%;
}
.grid__col--size-60 {
  width: 60%;
}
.grid__col--size-65 {
  width: 65%;
}
.grid__col--size-70 {
  width: 70%;
}
.grid__col--size-75 {
  width: 75%;
}
.grid__col--size-80 {
  width: 80%;
}
.grid__col--size-85 {
  width: 85%;
}
.grid__col--size-90 {
  width: 90%;
}
.grid__col--size-95 {
  width: 95%;
}
.grid__col--size-100 {
  width: 100%;
}

/*
  size - special
  ---
*/

.grid__col--size-16 {
  width: 16.66%;
}
.grid__col--size-33 {
  width: 33.33%;
}
.grid__col--size-66 {
  width: 66.66%;
}

/*
  - fixed
  ---
*/

.grid__col--size-50--f {
  width: 50px;
}
.grid__col--size-100--f {
  width: 100px;
}
.grid__col--size-150--f {
  width: 150px;
}
.grid__col--size-200--f {
  width: 200px;
}
.grid__col--size-250--f {
  width: 250px;
}
.grid__col--size-300--f {
  width: 300px;
}
.grid__col--size-350--f {
  width: 350px;
}
.grid__col--size-400--f {
  width: 400px;
}
.grid__col--size-450--f {
  width: 450px;
}
.grid__col--size-500--f {
  width: 500px;
}
.grid__col--size-550--f {
  width: 550px;
}
.grid__col--size-600--f {
  width: 600px;
}
.grid__col--size-650--f {
  width: 650px;
}
.grid__col--size-700--f {
  width: 700px;
}
.grid__col--size-750--f {
  width: 750px;
}
.grid__col--size-800--f {
  width: 800px;
}
.grid__col--size-850--f {
  width: 850px;
}
.grid__col--size-900--f {
  width: 900px;
}
.grid__col--size-950--f {
  width: 950px;
}
.grid__col--size-1000--f {
  width: 1000px;
}

/*
  - liquid
  ---
*/

.grid__col--size-50--l {
  width: calc(100% - 50px);
}
.grid__col--size-100--l {
  width: calc(100% - 100px);
}
.grid__col--size-150--l {
  width: calc(100% - 150px);
}
.grid__col--size-200--l {
  width: calc(100% - 200px);
}
.grid__col--size-250--l {
  width: calc(100% - 250px);
}
.grid__col--size-300--l {
  width: calc(100% - 300px);
}
.grid__col--size-350--l {
  width: calc(100% - 350px);
}
.grid__col--size-400--l {
  width: calc(100% - 400px);
}
.grid__col--size-450--l {
  width: calc(100% - 450px);
}
.grid__col--size-500--l {
  width: calc(100% - 500px);
}
.grid__col--size-550--l {
  width: calc(100% - 550px);
}
.grid__col--size-600--l {
  width: calc(100% - 600px);
}
.grid__col--size-650--l {
  width: calc(100% - 650px);
}
.grid__col--size-700--l {
  width: calc(100% - 700px);
}
.grid__col--size-750--l {
  width: calc(100% - 750px);
}
.grid__col--size-800--l {
  width: calc(100% - 800px);
}
.grid__col--size-850--l {
  width: calc(100% - 850px);
}
.grid__col--size-900--l {
  width: calc(100% - 900px);
}
.grid__col--size-950--l {
  width: calc(100% - 950px);
}
.grid__col--size-1000--l {
  width: calc(100% - 1000px);
}