.main-header {

@extend %section-commom;
@extend %content-wrapper;

border-bottom: 1px solid $c_lightgray;

&:after { @extend %clearfix; }

&__title {
  font-weight: $f_weight-bold;
  text-transform: lowercase;
  word-spacing: -1ex;

  &:after {
    content: ".";
    margin-left: -5px;
  }

  /* @media 768px */
  @media (min-width: 768px) {
    display: inline-block;
    margin-bottom: 10px;
  }
}

&__link { color: $c_darkgray; }

}