/*!
  @Author Andrej Burcev
  @Description Bootstrap responsive squares and rectangles
*/
.h-content {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.h, .h-xs-1, .h-sm-1, .h-md-1, .h-lg-1, .h-xs-2, .h-sm-2, .h-md-2, .h-lg-2, .h-xs-3, .h-sm-3, .h-md-3, .h-lg-3, .h-xs-4, .h-sm-4, .h-md-4, .h-lg-4, .h-xs-5, .h-sm-5, .h-md-5, .h-lg-5, .h-xs-6, .h-sm-6, .h-md-6, .h-lg-6, .h-xs-7, .h-sm-7, .h-md-7, .h-lg-7, .h-xs-8, .h-sm-8, .h-md-8, .h-lg-8, .h-xs-9, .h-sm-9, .h-md-9, .h-lg-9, .h-xs-10, .h-sm-10, .h-md-10, .h-lg-10, .h-xs-11, .h-sm-11, .h-md-11, .h-lg-11, .h-xs-12, .h-sm-12, .h-md-12, .h-lg-12 {
  overflow: hidden;
  padding: 0;
}

.h > div, .h-xs-1 > div, .h-sm-1 > div, .h-md-1 > div, .h-lg-1 > div, .h-xs-2 > div, .h-sm-2 > div, .h-md-2 > div, .h-lg-2 > div, .h-xs-3 > div, .h-sm-3 > div, .h-md-3 > div, .h-lg-3 > div, .h-xs-4 > div, .h-sm-4 > div, .h-md-4 > div, .h-lg-4 > div, .h-xs-5 > div, .h-sm-5 > div, .h-md-5 > div, .h-lg-5 > div, .h-xs-6 > div, .h-sm-6 > div, .h-md-6 > div, .h-lg-6 > div, .h-xs-7 > div, .h-sm-7 > div, .h-md-7 > div, .h-lg-7 > div, .h-xs-8 > div, .h-sm-8 > div, .h-md-8 > div, .h-lg-8 > div, .h-xs-9 > div, .h-sm-9 > div, .h-md-9 > div, .h-lg-9 > div, .h-xs-10 > div, .h-sm-10 > div, .h-md-10 > div, .h-lg-10 > div, .h-xs-11 > div, .h-sm-11 > div, .h-md-11 > div, .h-lg-11 > div, .h-xs-12 > div, .h-sm-12 > div, .h-md-12 > div, .h-lg-12 > div {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 8px;
}

.col-xs-1.h, .h-xs-1 {
  padding-bottom: 8.3333333333%;
}

.col-xs-2.h, .h-xs-2 {
  padding-bottom: 16.6666666667%;
}

.col-xs-3.h, .h-xs-3 {
  padding-bottom: 25%;
}

.col-xs-4.h, .h-xs-4 {
  padding-bottom: 33.3333333333%;
}

.col-xs-5.h, .h-xs-5 {
  padding-bottom: 41.6666666667%;
}

.col-xs-6.h, .h-xs-6 {
  padding-bottom: 50%;
}

.col-xs-7.h, .h-xs-7 {
  padding-bottom: 58.3333333333%;
}

.col-xs-8.h, .h-xs-8 {
  padding-bottom: 66.6666666667%;
}

.col-xs-9.h, .h-xs-9 {
  padding-bottom: 75%;
}

.col-xs-10.h, .h-xs-10 {
  padding-bottom: 83.3333333333%;
}

.col-xs-11.h, .h-xs-11 {
  padding-bottom: 91.6666666667%;
}

.col-xs-12.h, .h-xs-12 {
  padding-bottom: 100%;
}

@media (min-width: 768px) {
  .col-sm-1.h, .h-sm-1 {
    padding-bottom: 8.3333333333%;
  }

  .col-sm-2.h, .h-sm-2 {
    padding-bottom: 16.6666666667%;
  }

  .col-sm-3.h, .h-sm-3 {
    padding-bottom: 25%;
  }

  .col-sm-4.h, .h-sm-4 {
    padding-bottom: 33.3333333333%;
  }

  .col-sm-5.h, .h-sm-5 {
    padding-bottom: 41.6666666667%;
  }

  .col-sm-6.h, .h-sm-6 {
    padding-bottom: 50%;
  }

  .col-sm-7.h, .h-sm-7 {
    padding-bottom: 58.3333333333%;
  }

  .col-sm-8.h, .h-sm-8 {
    padding-bottom: 66.6666666667%;
  }

  .col-sm-9.h, .h-sm-9 {
    padding-bottom: 75%;
  }

  .col-sm-10.h, .h-sm-10 {
    padding-bottom: 83.3333333333%;
  }

  .col-sm-11.h, .h-sm-11 {
    padding-bottom: 91.6666666667%;
  }

  .col-sm-12.h, .h-sm-12 {
    padding-bottom: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1.h, .h-md-1 {
    padding-bottom: 8.3333333333%;
  }

  .col-md-2.h, .h-md-2 {
    padding-bottom: 16.6666666667%;
  }

  .col-md-3.h, .h-md-3 {
    padding-bottom: 25%;
  }

  .col-md-4.h, .h-md-4 {
    padding-bottom: 33.3333333333%;
  }

  .col-md-5.h, .h-md-5 {
    padding-bottom: 41.6666666667%;
  }

  .col-md-6.h, .h-md-6 {
    padding-bottom: 50%;
  }

  .col-md-7.h, .h-md-7 {
    padding-bottom: 58.3333333333%;
  }

  .col-md-8.h, .h-md-8 {
    padding-bottom: 66.6666666667%;
  }

  .col-md-9.h, .h-md-9 {
    padding-bottom: 75%;
  }

  .col-md-10.h, .h-md-10 {
    padding-bottom: 83.3333333333%;
  }

  .col-md-11.h, .h-md-11 {
    padding-bottom: 91.6666666667%;
  }

  .col-md-12.h, .h-md-12 {
    padding-bottom: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1.h, .h-lg-1 {
    padding-bottom: 8.3333333333%;
  }

  .col-lg-2.h, .h-lg-2 {
    padding-bottom: 16.6666666667%;
  }

  .col-lg-3.h, .h-lg-3 {
    padding-bottom: 25%;
  }

  .col-lg-4.h, .h-lg-4 {
    padding-bottom: 33.3333333333%;
  }

  .col-lg-5.h, .h-lg-5 {
    padding-bottom: 41.6666666667%;
  }

  .col-lg-6.h, .h-lg-6 {
    padding-bottom: 50%;
  }

  .col-lg-7.h, .h-lg-7 {
    padding-bottom: 58.3333333333%;
  }

  .col-lg-8.h, .h-lg-8 {
    padding-bottom: 66.6666666667%;
  }

  .col-lg-9.h, .h-lg-9 {
    padding-bottom: 75%;
  }

  .col-lg-10.h, .h-lg-10 {
    padding-bottom: 83.3333333333%;
  }

  .col-lg-11.h, .h-lg-11 {
    padding-bottom: 91.6666666667%;
  }

  .col-lg-12.h, .h-lg-12 {
    padding-bottom: 100%;
  }
}