/* line 2, ../scss/_common.scss */
h1.media:before {
  border-bottom: 1px dotted #222;
}

@media screen and (min-width: 1280px) {
  /* line 2, ../scss/_common.scss */
  h1.media:before {
    content: 'wide: (min-width: 1280px)';
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  /* line 2, ../scss/_common.scss */
  h1.media:before {
    content: 'desktop: (min-width: 960px) and (max-width: 1279px)';
  }
}
@media screen and (min-width: 569px) and (max-width: 959px) {
  /* line 2, ../scss/_common.scss */
  h1.media:before {
    content: 'tablet: (min-width: 569px) and (max-width: 959px)';
  }
}
@media screen and (max-width: 568px) {
  /* line 2, ../scss/_common.scss */
  h1.media:before {
    content: 'mobile: (max-width: 568px)';
  }
}