        .grid-container {
            width: 100%;
        }
        /*-- modern cleafix hack -- */
        
        .row:before,
        .row:after {
            content: "";
            display: table;
            clear: both;
        }
        
        [class*='col-'] {
            float: left;
            min-height: 1px;
            width: 16.66%;
            /*-- our gutter -- */
            
            padding: 0px;
        }
        
        .col-1 {
            width: 16.66%;
        }
        
        .col-2 {
            width: 33.33%;
        }
        
        .col-3 {
            width: 50%;
        }
        
        .col-4 {
            width: 66.66%;
        }
        
        .col-5 {
            width: 83.33%;
        }
        
        .col-6 {
            width: 100%;
        }
        
        .col-7 {
            width: 55%;
        }
        
        .col-8 {
            width: 45%;
        }
        
        [class*='col-'] > p {
            padding: 0;
            margin: 0;
            text-align: center;
        }
        
        *:before,
  *:after {
      box-sizing: inherit;
  }