@media #{$mobile-media-query} {
  .hide-for-small-only, .show-for-large {
    display: none!important;
  }
  .small-centered {
    margin-right: auto;
    margin-left: auto;
    float: none;
    clear: both;
  }
}

@media #{$tablet-media-query} {
  .show-for-large, .show-for-small-only {
    display: none!important;
  }
}

@media #{$computer-media-query} {
  .hide-for-large-only, .show-for-small-only {
    display: none!important;
  }
  .show-for-large {
    display: block;
  }
}