/*row*/

.row {
	display:flex;justify-content: space-between;

   
}

.col-1-2 {
     width: calc(50% - 30px);
}

.col-1-3 {
    width: calc(33.33333333% - 30px);
}

.col-1-4 {
    width: calc(25% - 30px);
}

.col-1-5 {
     width: calc(20% - 30px);
}

.col-1-6 {
    width: calc(16.66666667% - 30px);
}

.col-2-3 {
     width: calc(66.66666667% - 30px);
}

.col-2-5 {
     width: calc(40% - 30px);
}

.col-3-4 {
    width: calc(75% - 30px);
}

.col-3-5 {
    width: calc(60% - 30px);
}

.col-4-5 {
    width: calc(80% - 30px);
}

.col-5-6 {
    width: calc(83.33333333% - 30px);
}

 



/*column*/
.column-2,
.column-3,
.column-4,
.column-5, 
.column-6, 
.column-7, 
.column-8,
.column-9, 
.column-10, 
.column-11, 
.column-12 {
	display:flex;
	flex-wrap: wrap;
	margin:0-30px;
   
}



.column-2 > div ,
.column-3 > div ,
.column-4 > div ,
.column-5 > div , 
.column-6 > div , 
.column-7 > div , 
.column-8 > div ,
.column-9 > div , 
.column-10 > div , 
.column-11 > div , 
.column-12 > div {
margin: 0 15px 15px 15px;
padding: 15px;
background:#fff;
border-radius: 5px;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
   
}

.column-2 > div {
   width:calc(50% - 15px);
}

.column-3 > div {
   width: calc(33.33333333% - 15px);
}

.column-4 > div {
   width: calc(25% - 15px);
}

.column-5 > div {
   width: calc(20% - 15px);
}

.column-6 > div {
   width: calc(16.66666667% - 15px);
}

.column-7 > div {
   width: calc(14.28571429% - 15px);
}

.column-8 > div {
   width: calc(12.5% - 15px);
}

.column-9 > div {
   width: calc(11.11111111% - 15px);
}

.column-10 > div {
   width: calc(10% - 15px);
}

.column-11 > div {
   width: calc(9.090909090% - 15px);
}

.column-12 > div {
   width: calc(8.333333333% - 15px);
}




@media only screen and (max-width: 1080px) {

/*column*/

.col-1-2,
.col-1-3,
.col-1-4,
.col-1-5,
.col-1-6,
.col-2-3, 
.col-2-5,
.col-3-4,
.col-3-5,
.col-4-5,
.col-5-6 {
width:100%;
       padding: 0;
}
}