////////////////////
//                //
//      Grid      //
//                //
////////////////////

@mixin breakpoint($point) {
  @if $point == desktop {
    @media (min-width: 1000px) { @content ; }
  } @else if $point == laptop {
    @media (min-width: 801px) and (max-width: 1000px) { @content ; }
  } @else if $point == tablet {
    @media (min-width: 601px) and (max-width: 800px) { @content ; }
  } @else if $point == mobile {
    @media (min-width: 200px) and (max-width: 600px) { @content ; }
  } @else if $point == small-mobile {
    @media (min-width: 200px) and (max-width: 400px) { @content ; }
  }
  @if $point == small-height-desktop {
    @media (max-height: 400px) { @content ; }
  }
}