$dim-content-max-width:1200px;
$dim-frame-max-width:$dim-content-max-width;

$media-breakpoints: (
  xs: '350px',
  sm: '576px', //Not used
  md: '768px',
  lg: '992px',
  xl: $dim-content-max-width
);

@mixin media-break-up($name, $breakpoints: $media-breakpoints){
  $realSize: map-get($breakpoints, $name);
  @media (min-width: $realSize) {
    @content;
  }
}

@mixin media-break-down($name, $breakpoints: $media-breakpoints){
  $realSize: map-get($breakpoints, $name);
  @media (max-width: $realSize) {
    @content;
  }
}

/* FRAMING *********************************/
$dim-header-padding:30px;
$dim-header-padding-small:20px;
$dim-header-width:$dim-content-max-width;

$dim-content-width:$dim-content-max-width;
$dim-content-padding:$dim-header-padding;
$dim-content-padding-small:$dim-header-padding-small;

$dim-footer-width:$dim-content-width;
$dim-footer-padding:$dim-header-padding;
$dim-footer-padding-small:$dim-header-padding-small;
/* /FRAMING *********************************/