.container                                  { margin: 0 auto; padding: 0;}
    .column, .columns                           { float: left; display: inline; margin-left: 0%; margin-right: 0%; }
    .row                                        { margin-bottom: 2%; }
    
    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }
    
    /* Base Grid */
    .container .one.column                      { width: 06.25%; }
    .container .two.columns                     { width: 12.50%; }
    .container .three.columns                   { width: 18.75%; }
    .container .four.columns                    { width: 25.00%; }
    .container .five.columns                    { width: 31.25%; }
    .container .six.columns                     { width: 37.50%; }
    .container .seven.columns                   { width: 43.75%; }
    .container .eight.columns                   { width: 50.00%; }
    .container .nine.columns                    { width: 56.25%; }
    .container .ten.columns                     { width: 62.50%; }
    .container .eleven.columns                  { width: 68.75%; }
    .container .twelve.columns                  { width: 75.00%; }
    .container .thirteen.columns                { width: 81.25%; }
    .container .fourteen.columns                { width: 87.50%; }
    .container .fifteen.columns                 { width: 93.75%; }
    .container .sixteen.columns                 { width: 100.00%;}
    
    .container .one-third.column                { width: 33.33%; }
    .container .two-thirds.column               { width: 66.66%; }
    
    /* Offsets */   
    .container .offset-by-one                   { margin-left: 06.25%;padding-left: 0; }
    .container .offset-by-two                   { margin-left: 12.50%;padding-left: 0; }
    .container .offset-by-three                 { margin-left: 18.75%;padding-left: 0; }
    .container .offset-by-four                  { margin-left: 25.00%;padding-left: 0; }
    .container .offset-by-five                  { margin-left: 31.25%;padding-left: 0; }
    .container .offset-by-six                   { margin-left: 37.50%;padding-left: 0; }
    .container .offset-by-seven                 { margin-left: 43.75%;padding-left: 0; }
    .container .offset-by-eight                 { margin-left: 50.00%;padding-left: 0; }
    .container .offset-by-nine                  { margin-left: 56.25%;padding-left: 0; }
    .container .offset-by-ten                   { margin-left: 62.50%;padding-left: 0; }
    .container .offset-by-eleven                { margin-left: 68.75%;padding-left: 0; }
    .container .offset-by-twelve                { margin-left: 75.00%;padding-left: 0; }
    .container .offset-by-thirteen              { margin-left: 81.25%;padding-left: 0; }
    .container .offset-by-fourteen              { margin-left: 87.50%;padding-left: 0; }
    .container .offset-by-fifteen               { margin-left: 93.75%;padding-left: 0; }
    .container .offset-by-sixteen               { margin-left: 100%;padding-left: 0; }
    
    .container .sidebar-offset-by-one                   { margin-left: -06.25%;  }
    .container .sidebar-offset-by-two                   { margin-left: -12.50%; }
    .container .sidebar-offset-by-three                 { margin-left: -18.75%; }
    .container .sidebar-offset-by-four                  { margin-left: -25.00%; }
    .container .sidebar-offset-by-five                  { margin-left: -31.25%; }
    .container .sidebar-offset-by-six                   { margin-left: -37.50%; }
    .container .sidebar-offset-by-seven                 { margin-left: -43.75%; }
    .container .sidebar-offset-by-eight                 { margin-left: -50.00%; }
    .container .sidebar-offset-by-nine                  { margin-left: -56.25%; }
    .container .sidebar-offset-by-ten                   { margin-left: -62.50%; }
    .container .sidebar-offset-by-eleven                { margin-left: -68.75%; }
    .container .sidebar-offset-by-twelve                { margin-left: -75.00%; }
    .container .sidebar-offset-by-thirteen              { margin-left: -81.25%; }
    .container .sidebar-offset-by-fourteen              { margin-left: -87.50%; }
    .container .sidebar-offset-by-fifteen               { margin-left: -93.75%; }
    .container .sidebar-offset-by-sixteen               { margin-left: -100%; }



/* #Tablet (Portrait)
================================================== */   

    /* Note: Design for a width of 768px */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
      .container                                  { max-width: 768px; }
      .container .column, .container .columns {margin-left: 0;margin-right: 0;}
    }
    
/*  #Mobile (Portrait) 
================================================== */
    
    /* Note: Design for a width of 320px */
    
    @media only screen and (max-width: 767px) {
        .container { max-width: 300px; }
        .columns, .column { margin: 0; }
        .columns #main {padding:0 2%;}
        
        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns, 
        .container .one-third.column, 
        .container .two-thirds.column  { width: 100%; }
        
        /* Offsets */   
        .container .offset-by-one,              
        .container .offset-by-two,                  
        .container .offset-by-three,                
        .container .offset-by-four,                     
        .container .offset-by-five,                     
        .container .offset-by-six,                  
        .container .offset-by-seven,                
        .container .offset-by-eight,                
        .container .offset-by-nine,                     
        .container .offset-by-ten,                  
        .container .offset-by-eleven,               
        .container .offset-by-twelve,               
        .container .offset-by-thirteen,             
        .container .offset-by-fourteen,             
        .container .offset-by-fifteen,
        .container .offset-by-sixteen { margin-left:0;padding-left: 0; }
        
        .container .offset-sidebar-by-one,
        .container .offset-sidebar-by-two,
        .container .offset-sidebar-by-three,
        .container .offset-sidebar-by-four,
        .container .offset-sidebar-by-five,
        .container .offset-sidebar-by-six,
        .container .offset-sidebar-by-seven,
        .container .offset-sidebar-by-eight,
        .container .offset-sidebar-by-nine,
        .container .offset-sidebar-by-ten,
        .container .offset-sidebar-by-eleven,
        .container .offset-sidebar-by-twelve,
        .container .offset-sidebar-by-thirteen,
        .container .offset-sidebar-by-fourteen,
        .container .offset-sidebar-by-fifteen,
        .container .offset-sidebar-by-sixteen { margin-left: 0; }
        
        #navigation {
          min-height: inherit;
        }
                
    }

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { max-width: 420px; }
        .columns, .column { margin: 0; }
        .columns #main {padding:0 2%;}
        
        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column, 
        .container .two-thirds.column { width: 100%; }
        
        .container .offset-sidebar-by-one,
        .container .offset-sidebar-by-two,
        .container .offset-sidebar-by-three,
        .container .offset-sidebar-by-four,
        .container .offset-sidebar-by-five,
        .container .offset-sidebar-by-six,
        .container .offset-sidebar-by-seven,
        .container .offset-sidebar-by-eight,
        .container .offset-sidebar-by-nine,
        .container .offset-sidebar-by-ten,
        .container .offset-sidebar-by-eleven,
        .container .offset-sidebar-by-twelve,
        .container .offset-sidebar-by-thirteen,
        .container .offset-sidebar-by-fourteen,
        .container .offset-sidebar-by-fifteen,
        .container .offset-sidebar-by-sixteen { margin-left: 0; }
    } 
    
    
img, img.scale-with-grid {
  outline: 0;
  max-width: 100%;
  /* width:auto; */
  height: auto;
  border-style: none;
}
    
/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
      
/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}