.hobbies {
  @extend %main-content;
}

.hobbies__text {
  @extend %main-text;
}

.hobbies__pictures {
  margin-top: -250px;
}

.hobbies {
  @extend %main-content;
}

.hobbies__text {
  @extend %main-text;
}

.hobbies__pictures {
  margin-top: -120px;

  @media screen and (min-width: 768px)
   {
     margin-top: -250px;
   }
}

Add style for mobile view
Add style for mobile view

related #132
