.col-0 { 
    width: 4.165%;
}
.col-1 {
        width: 8.33333333333%;
    }
    
    .col-2 {
        width: 16.6666666667%;
    }

    .col-2-5 {
        width: 20%;
    }
    
    .col-3 {
        width: 25%;
    }
    
    .col-4 {
        width: 33.3333333333%;
    }
    
    .col-5 {
        width: 41.6666666667%;
    }
    
    .col-6 {
        width: 50%;
    }
    
    .col-7 {
        width: 58.3333333333%;
    }
    
    .col-8 {
        width: 66.6666666666%;
    }
    
    .col-9 {
        width: 75%;
    }
    
    .col-10 {
        width: 83.3333333333%;
    }
    
    .col-11 {
        width: 91.6666666666%;
    }
    
    .col-12 {
        width: 100%;
    }
    
    [class*="col-"] {
        float: left;
    }
    
    [class*="col-"]:last-of-type {}
    
    .row:before:after {
        clear: both;
        content: "";
    }
html {
    width: 100%;
    height: 100%; 
    background-color: #313133;
}

*{
    margin: 0 auto;
    padding: 0;
    position: relative;
    color: white;
      font-family: 'Roboto', sans-serif;
}

.container {
    width: 1280px;
    height: auto;
    margin: 0 auto;
       background-color: #313133;
   
}