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

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

/*
  col
  ***
 */

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

/*
  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, 
 .grid__col--size-17 {
  width: 16.66%;
}
.grid__col--size-33 {
  width: 33.33%;
}
.grid__col--size-66, 
.grid__col--size-67 {
  width: 66.66%;
}