twers/re-education

@import "compass";

$font-color: #222;
$font-light-color: lighten($font-color, 30%);

@mixin btn {
  padding: 10px 20px;
  background: #389ABD;
  border-radius: 5px;
  font-weight: bold;
  font-size: 13px;
  color: white;

  &:hover {
    background: #FBB963;
  }
}

@mixin respond-to($medias...) {
  @each $media in $medias{
    @if $media == handhelds {
      @media only screen and (max-width: 479px) { @content; }
    }
    @else if $media == wide-handhelds {
      @media only screen and (min-width: 480px) and (max-width: 767px) { @content; }
    }
    @else if $media == tablets {
      @media only screen and (min-width: 768px) and (max-width: 979px) { @content; }
    }
  }
}