@charset "utf-8";
/* CSS Document */


/* Containers
--------------------------------------------------------------------------------*/

.container_12{ margin-left: auto;margin-right: auto;width: 1200px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

/* Grid >> Global
--------------------------------------------------------------------------------*/
[class*='grid_'] {display: inline; float:left; padding-left: 10px; padding-right: 10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left:  0;}
.omega {margin-right: 0;}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.grid_1 {width: 100px;} .grid_2 {width: 200px;} .grid_3 {width: 300px;} .grid_4 {width: 400px;} .grid_5 {width: 500px;} .grid_6 {width: 600px;}
.grid_7 {width: 700px;} .grid_8 {width: 800px;} .grid_9 {width: 900px;} .grid_10 {width: 1000px;} .grid_11 {width: 1100px;} .grid_12 {width: 1200px;}


@media only screen and (min-width: 960px) and (max-width: 1199px)
{
  .container_12 {width: 960px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
  .grid_1 {width: 80px;} .grid_2 {width: 160px;} .grid_3 {width: 240px;} .grid_4 {width: 320px;} .grid_5 {width: 400px;} .grid_6 {width: 480px;}
  .grid_7 {width: 560px;} .grid_8 {width: 640px;} .grid_9 {width: 720px;} .grid_10 {width: 800px;} .grid_11 {width: 880px;} .grid_12 {width: 960px;}
}
 
@media only screen and (min-width: 768px) and (max-width: 959px)
{
  .container_12 {width: 768px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
  .grid_1 {width: 64px;} .grid_2 {width: 128px;} .grid_3 {width: 192px;} .grid_4 {width: 256px;} .grid_5 {width: 320px;} .grid_6 {width: 384px;}
  .grid_7 {width: 448px;} .grid_8 {width: 512px;} .grid_9 {width: 576px;} .grid_10 {width: 640px;} .grid_11 {width: 704px;} .grid_12 {width: 768px;}
}

@media only screen and (max-width: 767px)
{
  .container_12 {width: 100%; padding:0 10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
  [class*='grid_'] {width:100% ; display: inline;float: left;margin-left: 0;margin-right: 0;}
  #zetta-mobile-nav { display: inline-block; }
  #zetta-nav { display: none; }
  #zetta-nav-level1, #zetta-nav-level2, #zetta-nav-level3 { display: none; }
}

.clear       {display:block; clear:both}