/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.m-container {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box; }
  .m-col,
  .m-col {
    width: 100%;
    float: left;
    box-sizing: border-box; }
  
  /* For devices larger than 400px */
  @media (min-width: 400px) {
    .m-container {
      width: 85%;
      padding: 0; }
  }
  
  /* For devices larger than 550px */
  @media (min-width: 550px) {
    .m-container {
      width: 80%; 
    }
    .m-col {
      margin-left: 4%; 
    }
    .m-col:first-child {
      margin-left: 0; 
    }
  
    
    .m-col-1.m-col                    { width: 4.66666666667%; }
    .m-col-2.m-col                    { width: 13.3333333333%; }
    .m-col-3.m-col                  { width: 22%;            }
    .m-col-4.m-col                   { width: 30.6666666667%; }
    .m-col-5.m-col                   { width: 39.3333333333%; }
    .m-col-6.m-col                    { width: 48%;            }
    .m-col-7.m-col                  { width: 56.6666666667%; }
    .m-col-8.m-col                  { width: 65.3333333333%; }
    .m-col-9.m-col                   { width: 74.0%;          }
    .m-col-10.m-col                    { width: 82.6666666667%; }
    .m-col-11.m-col                 { width: 91.3333333333%; }
    .m-col-12.m-col                 { width: 100%; margin-left: 0; }
  
    .one-third.m-col               { width: 30.6666666667%; }
    .two-thirds.m-col              { width: 65.3333333333%; }
  
    .one-half.m-col                { width: 48%; }
  
    /* Offsets */

    .m-offset-by-1.m-col          { margin-left: 8.66666666667%; }
    
    .m-offset-by-2.m-col          { margin-left: 17.3333333333%; }
    
    .m-offset-by-3.m-col        { margin-left: 26%;            }
    
    .m-offset-by-4.m-col         { margin-left: 34.6666666667%; }
    
    .m-offset-by-5.m-col         { margin-left: 43.3333333333%; }
   
    .m-offset-by-6.m-col          { margin-left: 52%;            }
 
    .m-offset-by-7.m-col        { margin-left: 60.6666666667%; }
 
    .m-offset-by-8.m-col        { margin-left: 69.3333333333%; }
   
    .m-offset-by-9.m-col         { margin-left: 78.0%;          }
   
    .m-offset-by-10.m-col          { margin-left: 86.6666666667%; }
 
    .m-offset-by-11.m-col       { margin-left: 95.3333333333%; }
  
  
    .m-offset-by-one-third.m-col    { margin-left: 34.6666666667%; }
    
    .m-offset-by-two-thirds.m-col   { margin-left: 69.3333333333%; }
  
    
    .m-offset-by-one-half.m-col     { margin-left: 52%; }
  
  }