@media (min-width: 300px) {
  .w-xs-100 {
    width: 100% !important;
  }
}

.w-xs-75 {
  width: 75% !important;
}

@media (min-width: 576px) {
  .w-sm-50 {
    width: 50% !important;
  }
}

@media (min-width: 768px) {
  .w-md-50 {
    width: 50% !important;
  }
}

@media (min-width: 992px) {
  .w-lg-30 {
    width: 35% !important;
  }
}

@media (min-width: 992px) {
  .w-lg-50 {
    width: 50% !important;
  }
}