/* line 2, app/assets/stylesheets/guidance.scss */
.course-hero-background {
  background: url(/img/guidance/course-progress.svg) top right no-repeat;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  /* line 7, app/assets/stylesheets/guidance.scss */
  .course-hero-background {
    background: url(/img/guidance/course-progress.svg) top right/40% no-repeat;
  }
}

@media (max-width: 575.98px) {
  /* line 13, app/assets/stylesheets/guidance.scss */
  .course-hero-background {
    background: url(/img/guidance/course-progress.svg) center right -40% / 45% no-repeat;
  }
}

/* line 18, app/assets/stylesheets/guidance.scss */
.blog-post-pic {
  flex-basis: 10% !important;
  flex-shrink: 1;
  max-width: 15% !important;
}

/* line 24, app/assets/stylesheets/guidance.scss */
.blog-post-summary-img {
  max-height: 80px;
  flex-basis: 30%;
}