/*******************************************************************************
 * _layout.scss
 *
 * Styling of the "simple" layout demonstrating the Compass grid extension Susy
 * and building mobile first layouts.
 ******************************************************************************/
.region-outer {
  width: 100%;
}

.page-bg {
	z-index: 1;
}

.l-page {
	z-index: 2;
}

.region-inner {
  *zoom: 1;
  max-width: 1190px;
  _width: 1190px;
  margin-left: auto;
  margin-right: auto;
}
.region-inner:after {
  content: "";
  display: table;
  clear: both;
}

.l-region--highlighted,
.l-region--help,
.l-region--sidebar-first,
.l-region--sidebar-second {
  margin-bottom: 20px;
}

.l-header {
  z-index: 9;
}

.l-region--navigation {
	z-index: 13;
}
 
.l-branding {
  width: 32%;
  float: left;
} 

.l-branding img {
  max-width: 100%;
}

.l-region--header,
.l-region--navigation {
  width: 66%;
  float: right;
  margin-right: 0;
  position: relative;
}

@media (min-width: 40em) {
  .region-outer {
	  width: 100%;
	}
	
	.region-inner {
    max-width: 1190px;
  }

  .sidebar-first .l-content,
  .sidebar-second .l-content,
  .two-sidebars .l-content {
    width: 68%;
    float: left;
  }
  .sidebar-first .l-region--sidebar-first,
  .sidebar-second .l-region--sidebar-second,
  .two-sidebars .l-region--sidebar-first,
  .two-sidebars .l-region--sidebar-second {
    width: 32%;
    float: right;
    margin-right: 0;
    clear: right;
  }
}
@media (min-width: 70em) {
  .region-outer {
    width: 100%;
  }

  .region-inner {
    max-width: 1190px;
  }

  .l-branding {
    width: 38%;
    float: left;
  }

  .l-region--header,
  .l-region--navigation {
    width: 62%;
    float: right;
    margin-right: 0;
  }
  
  .sidebar-first .l-content,
  .sidebar-second .l-content,
  .two-sidebars .l-content {
    width: 75%;
    float: left;
  }
  
  .sidebar-first .l-region--sidebar-first,
  .sidebar-second .l-region--sidebar-second,
  .two-sidebars .l-region--sidebar-first,
  .two-sidebars .l-region--sidebar-second {
    width: 25%;
    clear: right;
    float: right;
    margin-right: 0;
  }
}