Display Utilities

.flex { display: flex }
.block { display: block }
.table { display: table }
.inline { display: inline }
.inline-block { display: inline-block }
.hidden { display: none }

@media screen and (min-width:  576px) {
  .sm:flex { display: flex }
  .sm:block { display: block }
  .sm:table { display: table }
  .sm:inline { display: inline }
  .sm:inline-block { display: inline-block }
  .sm:hidden { display: none }
}

@media screen and (min-width:  768px) {
  .md:flex { display: flex }
  .md:block { display: block }
  .md:table { display: table }
  .md:inline { display: inline }
  .md:inline-block { display: inline-block }
  .md:hidden { display: none }
}

@media screen and (min-width:  992px) {
  .lg:flex { display: flex }
  .lg:block { display: block }
  .lg:table { display: table }
  .lg:inline { display: inline }
  .lg:inline-block { display: inline-block }
  .lg:hidden { display: none }
}

@media screen and (min-width:  1200px) {
  .xl:flex { display: flex }
  .xl:block { display: block }
  .xl:table { display: table }
  .xl:inline { display: inline }
  .xl:inline-block { display: inline-block }
  .xl:hidden { display: none }
}