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

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

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