$table: 812px;
$mobile: 440px;
$mobileland: 732;

@mixin table {
   @media (max-width: #{$table}) {
       @content;
   } 
}

@mixin mobile {
    @media (max-width: #{$mobile}) {
        @content;
    } 
 }

 @mixin mobile-land {
  @media (max-width: #{$mobileland}) {
      @content;
  } 
}

 @mixin font($font-family, $font-file) {
    @font-face {
      font-family: $font-family;
      src: url($font-file+'.eot');
      src: url($font-file+'.eot?#iefix') format('embedded-opentype'),
           url($font-file+'.ttf') format('truetype'),
           url($font-file+'.svg#aller') format('svg');
      font-weight: normal;
      font-style: normal;
    }
  }