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

.grid {
  margin-left: -16px;
  margin-right: -16px;
  font-size: 0;
}

/*
  - gaps
  ***
*/

.grid--gaps-small {
  margin-left: -8px;
  margin-right: -8px;
}
.grid--gaps-large {
  margin-left: -32px;
  margin-right: -32px;
}

/*
  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 16px;
  font-size: 18px;
}

/*
  - gaps
  ---
*/

.grid--gaps-small .grid__col {
  padding-left: 8px;
  padding-right: 8px;
}
.grid--gaps-large .grid__col {
  padding-left: 32px;
  padding-right: 32px;
}

/*
  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);
}