.container {margin:0 auto; text-align: center;}

.max-500 {max-width:500px;}
.max-600 {max-width:600px;}
.max-700 {max-width:700px;}
.max-800 {max-width:800px;}
.max-900 {max-width:900px;}
.max-1000 {max-width:1000px;}
.max-1100 {max-width:1100px;}
.max-1200 {max-width:1200px;}
.max-1300 {max-width:1300px;}
.max-1400 {max-width:1400px;}


.flex {display: flex; flex-wrap: wrap; justify-content: space-around; justify-content: flex-start;}



/* Big */
@media (min-width: 1200px) {
.flex .c-l-1 {width:calc(100%); margin:10px;}
.flex .c-l-2 {width:calc(50% - 20px); margin:10px;}
.flex .c-l-3 {width:calc(33.33% - 30px); margin:10px;}
.flex .c-l-4 {width:calc(25% - 40px); margin:10px;}
.flex .c-l-5 {width:calc(20% - 23px); margin:10px;}
.flex .c-l-6 {width:calc(16.66% - 60px); margin:10px;}
.flex .c-l-7 {width:calc(14.28% - 70px); margin:10px;}
.flex .c-l-8 {width:calc(12.5% - 80px); margin:10px;}
.flex .c-l-9 {width:calc(11.11% - 90px); margin:10px;}
.flex .c-l-10 {width:calc(10% - 100px); margin:10px;}
}


/* Medium */
@media (max-width: 1199px) {
.flex .c-m-1 {width:calc(100%);}
.flex .c-m-2 {width:calc(50% - 20px); margin:10px;}
.flex .c-m-3 {width:calc(33.33% - 30px); margin:10px;}
.flex .c-m-4 {width:calc(25% - 40px); margin:10px;}
.flex .c-m-5 {width:calc(20% - 50px); margin:10px;}
.flex .c-m-6 {width:calc(16.66% - 60px); margin:10px;}
.flex .c-m-7 {width:calc(14.28% - 70px); margin:10px;}
.flex .c-m-8 {width:calc(12.5% - 80px); margin:10px;}
.flex .c-m-9 {width:calc(11.11% - 90px); margin:10px;}
.flex .c-m-10 {width:calc(10% - 100px); margin:10px;}
}


/* Small */

@media (max-width: 768px) {
.flex .c-s-1 {width:calc(100%);}
.flex .c-s-2 {width:calc(50% - 20px); margin:10px;}
.flex .c-s-3 {width:calc(33.33% - 30px); margin:10px;}
.flex .c-s-4 {width:calc(25% - 40px); margin:10px;}
.flex .c-s-5 {width:calc(20% - 50px); margin:10px;}
.flex .c-s-6 {width:calc(16.66% - 60px); margin:10px;}
.flex .c-s-7 {width:calc(14.28% - 70px); margin:10px;}
.flex .c-s-8 {width:calc(12.5% - 80px); margin:10px;}
.flex .c-s-9 {width:calc(11.11% - 90px); margin:10px;}
.flex .c-s-10 {width:calc(10% - 100px); margin:10px;}
}