.row {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -15px;
 }
 
 [class*="col-"] {
     padding: 0 15px;
 }
 
 .col-1 {
     width: 8.33%;
 }
 
 .col-2 {
     width: 16.66%;
 }
 
 .col-3 {
     width: 25%;
 }
 
 .col-4 {
     width: 33.33%;
 }
 
 .col-5 {
     width: 41.66%;
 }
 
 .col-6 {
     width: 50%;
 }
 
 .col-7 {
     width: 58.33%;
 }
 
 .col-8 {
     width: 66.66%;
 }
 
 .col-9 {
     width: 75%;
 }
 
 .col-10 {
     width: 83.33%;
 }
 
 .col-11 {
     width: 91.66%;
 }
 
 .col-12 {
     width: 100%;
 }
 
 /* MEDIUM SCREEN */
 
 @media only screen and (max-width: 1280px) {
     .col-md-1 {
         width: 8.33%;
     }
 
     .col-md-2 {
         width: 16.66%;
     }
 
     .col-md-3 {
         width: 25%;
     }
 
     .col-md-4 {
         width: 33.33%;
     }
 
     .col-md-5 {
         width: 41.66%;
     }
 
     .col-md-6 {
         width: 50%;
     }
 
     .col-md-7 {
         width: 58.33%;
     }
 
     .col-md-8 {
         width: 66.66%;
     }
 
     .col-md-9 {
         width: 75%;
     }
 
     .col-md-10 {
         width: 83.33%;
     }
 
     .col-md-11 {
         width: 91.66%;
     }
 
     .col-md-12 {
         width: 100%;
     }
 }
 
 /* SMALL SCREEN */
 
 @media only screen and (max-width: 850px) {
     .col-sm-1 {
         width: 8.33%;
     }
 
     .col-sm-2 {
         width: 16.66%;
     }
 
     .col-sm-3 {
         width: 25%;
     }
 
     .col-sm-4 {
         width: 33.33%;
     }
 
     .col-sm-5 {
         width: 41.66%;
     }
 
     .col-sm-6 {
         width: 50%;
     }
 
     .col-sm-7 {
         width: 58.33%;
     }
 
     .col-sm-8 {
         width: 66.66%;
     }
 
     .col-sm-9 {
         width: 75%;
     }
 
     .col-sm-10 {
         width: 83.33%;
     }
 
     .col-sm-11 {
         width: 91.66%;
     }
 
     .col-sm-12 {
         width: 100%;
     }
 }