.empty{display: none;}

/* Extra small devices (phones, 600px and down) */
[class*="row-"]{width: 100%; display: flex; flex-wrap: wrap; padding: 1em;}
.row-left{align-items: flex-start; justify-content: flex-start;}
.row-center{align-items: center; justify-content: center;}
.row-right{align-items: flex-start; justify-content: flex-end;}
.row-between{align-items: center; justify-content: space-between;}
.row-evenly{align-items: center; justify-content: space-evenly;}

[class*="col-"] {padding: 1em;}
.col-xs-1{width: 12.5%;}
.col-xs-2{width: 25%;}
.col-xs-3{width: 37.5%;}
.col-xs-4{width: 50%;}
.col-xs-5{width: 62.5%;}
.col-xs-6{width: 75%;}
.col-xs-7{width: 87%;}
.col-xs-8{width: 100%;}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {  

[class*="col-"] {padding: 1em; /*border: solid; color: black*/}    
.col-s-1{width: 12.5%;}
.col-s-2{width: 25%;}
.col-s-3{width: 37.5%;}
.col-s-4{width: 50%;}
.col-s-5{width: 62.5%;}
.col-s-6{width: 75%;}
.col-s-7{width: 87%;}
.col-s-8{width: 100%;}    
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .empty{display: flex}    
[class*="col-"] {padding: 1em; }    
.col-m-1{width: 12.5%;}
.col-m-2{width: 25%;}
.col-m-3{width: 37.5%;}
.col-m-4{width: 50%;}
.col-m-5{width: 62.5%;}
.col-m-6{width: 75%;}
.col-m-7{width: 87%;}
.col-m-8{width: 100%;}     
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
[class*="col-"] {padding: 1em;}    
.col-l-1{width: 12.5%;}
.col-l-2{width: 25%;}
.col-l-3{width: 37.5%;}
.col-l-4{width: 50%;}
.col-l-5{width: 62.5%;}
.col-l-6{width: 75%;}
.col-l-7{width: 87%;}
.col-l-8{width: 100%;}   
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
[class*="col-"] {padding: 1em;}    
.col-xl-1{width: 12.5%;}
.col-xl-2{width: 25%;}
.col-xl-3{width: 37.5%;}
.col-xl-4{width: 50%;}
.col-xl-5{width: 62.5%;}
.col-xl-6{width: 75%;}
.col-xl-7{width: 87%;}
.col-xl-8{width: 100%;}   
}