.w-5 {
  width: 5% !important;
}
.w-10 {
  width: 10% !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}

/* Width in fixed pixels */
.w-100px {
  width: 100px !important;
}
.w-150px {
  width: 150px !important;
}
.w-200px {
  width: 200px !important;
}
.w-250px {
  width: 250px !important;
}
.w-300px {
  width: 300px !important;
}
.w-350px {
  width: 350px !important;
}
.w-400px {
  width: 400px !important;
}
.w-450px {
  width: 450px !important;
}
.w-500px {
  width: 500px !important;
}

.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}

/* height in fixed pixels */
.h-100px {
  height: 100px !important;
}
.h-150px {
  height: 150px !important;
}
.h-200px {
  height: 200px !important;
}
.h-250px {
  height: 250px !important;
}
.h-300px {
  height: 300px !important;
}
.h-350px {
  height: 350px !important;
}
.h-400px {
  height: 400px !important;
}
.h-450px {
  height: 450px !important;
}
.h-500px {
  height: 500px !important;
}