/**
 * @file
 * Grid styling for the HSL onecol-narrow layout.
 *
 * It gives you the option to have one column that does not fill the whole width.
 */
.icon-small-sprite, .icon-small-cross-blue, .icon-small-star-blue, .icon-small-star-pink, .icon-small-star-white {
  background: url('../../../img/icon-small-se8cae0c792.png') no-repeat;
}

.icon-small-cross-blue {
  background-position: 0 0;
}

.icon-small-star-blue {
  background-position: 0 -18px;
}

.icon-small-star-pink {
  background-position: 0 -48px;
}

.icon-small-star-white {
  background-position: 0 -33px;
}

/*
 * Medium and bigger breakpoint
 */
@media all {
  /*
   * Use 4 grid columns for smaller screens.
   */
  .hsl-onecol-narrow .panel-col-last, .hsl-onecol-narrow .panel-col-first {
    max-width: 44em;
    margin: auto;
  }
}