.highlighted-grid .row                                      { background:#eee;  }
.highlighted-grid .columns                                  { background:#ff0000;  }
.highlighted-grid .columns:nth-child(2n+1)                  { background:#00ff00; }

.row                                                        { *zoom: 1; margin:0 auto; position:relative; width:80%; }
  .row:before                                               { content: " "; display: table; }
  .row:after                                                { content: " "; display: table; clear: both; }

.columns                                                    { margin:0; padding:0 15px; float:left; }

.columns.alpha                                              {  }
.columns.alpha.no-left-margin                               { margin-left:0 !important; padding-left:0; }
.columns.omega                                              { float:right; }
.columns.central                                            { margin:0 auto !important; float:none !important; }

  .columns.one                                              { width: calc( ( 100% / 12 ) * 1 ); }
  .columns.two                                              { width: calc( ( 100% / 12 ) * 2 ); }
  .columns.three                                            { width: calc( ( 100% / 12 ) * 3 ); }
  .columns.one-third                                        ,
  .columns.four                                             { width: calc( ( 100% / 12 ) * 4 ); }
  .columns.five                                             { width: calc( ( 100% / 12 ) * 5 ); }
  .columns.six                                              { width: calc( ( 100% / 12 ) * 6 ); }
  .columns.seven                                            { width: calc( ( 100% / 12 ) * 7 ); }
  .columns.two-thirds                                       ,
  .columns.eight                                            { width: calc( ( 100% / 12 ) * 8 ); }
  .columns.nine                                             { width: calc( ( 100% / 12 ) * 9 ); }
  .columns.ten                                              { width: calc( ( 100% / 12 ) * 10 ); }
  .columns.eleven                                           { width: calc( ( 100% / 12 ) * 11 ); }
  .columns.twelve                                           { width: 100% ; }

  .columns.offset-by-one                                    { margin-left: calc( ( 100% / 12 ) * 1 ); }
  .columns.offset-by-two                                    { margin-left: calc( ( 100% / 12 ) * 2 ); }
  .columns.offset-by-three                                  { margin-left: calc( ( 100% / 12 ) * 3 ); }
  .columns.offset-by-one-third                              ,
  .columns.offset-by-four                                   { margin-left: calc( ( 100% / 12 ) * 4 ); }
  .columns.offset-by-five                                   { margin-left: calc( ( 100% / 12 ) * 5 ); }
  .columns.offset-by-six                                    { margin-left: calc( ( 100% / 12 ) * 6 ); }
  .columns.offset-by-seven                                  { margin-left: calc( ( 100% / 12 ) * 7 ); }
  .columns.offset-by-two-thirds                             ,
  .columns.offset-by-eight                                  { margin-left: calc( ( 100% / 12 ) * 8 ); }
  .columns.offset-by-nine                                   { margin-left: calc( ( 100% / 12 ) * 9 ); }
  .columns.offset-by-ten                                    { margin-left: calc( ( 100% / 12 ) * 10 ); }
  .columns.offset-by-eleven                                 { margin-left: calc( ( 100% / 12 ) * 11 ); }

.col                                                        { width:calc( 50% - 20px ); padding:0; margin:0; float:left; box-sizing:border-box; margin-left:40px; }
  .col.third                                                { width:calc( 33% - 25px ); }
  .col.quarter                                              { width:calc( 25% - 30px ); }
  .col.two-thirds                                           { width:calc( 66% - 40px ); }
  .col.alpha                                                { margin-left:0px; clear:left; }
  .col.last                                                 { float:right; }

/*@media only screen and (max-width: 767px) {*/
@media only screen and (max-width: 812px) {

  .columns.one                                              ,
  .columns.two                                              ,
  .columns.three                                            ,
  .columns.one-third                                        ,
  .columns.four                                             ,
  .columns.five                                             ,
  .columns.six                                              ,
  .columns.seven                                            ,
  .columns.two-thirds                                       ,
  .columns.eight                                            ,
  .columns.nine                                             ,
  .columns.ten                                              ,
  .columns.eleven                                           ,
  .columns.twelve                                           { width: 100% ; }

  .columns.offset-by-one                                    ,
  .columns.offset-by-two                                    ,
  .columns.offset-by-three                                  ,
  .columns.offset-by-one-third                              ,
  .columns.offset-by-four                                   ,
  .columns.offset-by-five                                   ,
  .columns.offset-by-six                                    ,
  .columns.offset-by-seven                                  ,
  .columns.offset-by-two-thirds                             ,
  .columns.offset-by-eight                                  ,
  .columns.offset-by-nine                                   ,
  .columns.offset-by-ten                                    ,
  .columns.offset-by-eleven                                 { margin-left: 0px ; }


  .col                                                      ,
    .col.third                                              ,
    .col.quarter                                            ,
    .col.two-thirds                                         ,
    .col.alpha                                              ,
    .col.last                                               { margin:0; width:100%; }

}