////////////////////////////////////////////////////////////////////// 
// Core Mixins
/////////////////////////////////////////////////////////////////////

// Mixin
@mixin keyframes($name) {
  @-moz-keyframes #{$name}    { @content; }
  @-webkit-keyframes #{$name} { @content; }
  @-o-keyframes #{$name}      { @content; }
  @-ms-keyframes #{$name}     { @content; }
  @-khtml-keyframes #{$name}  { @content; }
  @keyframes #{$name}         { @content; }
}
 

// Column-widths in a function, in ems
@mixin width ($cols:1) {
  width: ($cols * ($column + $gutter) - $gutter) / $em;
}



////////////////////////////////////////////////////////////////////// 
// Breakpoints
/////////////////////////////////////////////////////////////////////
@mixin breakpoint($point) {
  @if $point == mobile_menu {
     @media (min-width: $cols4) and (max-width: $cols12)  { @content; }
 }

   @if $point == epsilon {
     @media (min-width: $cols4) and (max-width: $cols7)  { @content; }
 }
  @if $point == delta {
     @media (min-width: $cols7) and (max-width: $cols10)  { @content; }
 }
  @if $point == gamma {
     @media (min-width: $cols10) and (max-width: $cols12)  { @content; }
 }
 @if $point == beta {
     @media (min-width: $cols12) and (max-width: $cols15)  { @content; }
 }
 @if $point == alpha {
     @media (min-width: $cols15){ @content; }
 }


 @if $point == mega {
     @media (min-width: $cols27){ @content; }
 }

 @if $point == kilo {
     @media (min-width: $cols35){ @content; }
 }
 
}