.container {
	display: flex;
	flex-wrap: wrap;
}

.box {
	box-sizing: border-box;
	align-self: flex-start;
}

.mobile-box {
	box-sizing: border-box;
	align-self: flex-start;
}

/* Boxes without margin */
.a1 {
	width: 100%;
}

.a2 {
	width: 50%;
}

.a3 {
	width: 33.33%;
}

.a4 {
	width: 25%;
}

.a5 {
	width: 20%;
}

.a6 {
	width: 16.66%;
}

.a7 {
	width: 14.28%;
}

.a8 {
	width: 12.5%;
}

.a9 {
	width: 11.11%;
}

.a10 {
	width: 10%;
}

.a11 {
	width: 9.09%;
}

.a12 {
	width: 8.33%;
}

.a2-3 {
	width: 66.67%;
}

.a3-4 {
	width: 75%;
}

.a2-5 {
	width: 40%;
}

.a3-5 {
	width: 60%;
}

.a4-5 {
	width: 80%;
}

.a5-6 {
	width: 83.34%;
}

.a2-7 {
	width: 28.57%;
}

.a3-7 {
	width: 42.85%;
}

.a4-7 {
	width: 57.15%;
}

.a5-7 {
	width: 71.43%;
}

.a6-7 {
	width: 85.72%;
}

.a3-8 {
	width: 37.5%;
}

.a5-8 {
	width: 62.5%;
}

.a7-8 {
	width: 87.5%;
}

.a2-9 {
	width: 22.22%;
}

.a4-9 {
	width: 44.44%;
}

.a5-9 {
	width: 55.55%;
}

.a7-9 {
	width: 77.78%;
}

.a8-9 {
	width: 88.89%;
}

.a2-10 {
	width: 20%;
}

.a3-10 {
	width: 30%;
}

.a6-10 {
	width: 60%;
}

.a7-10 {
	width: 70%;
}

.a9-10 {
	width: 90%;
}

.a2-11 {
	width: 18.18%;
}

.a3-11 {
	width: 27.27%;
}

.a4-11 {
	width: 36.36%;
}

.a5-11 {
	width: 45.45%;
}

.a6-11 {
	width: 54.54%;
}

.a7-11 {
	width: 63.63%;
}

.a8-11 {
	width: 72.72%;
}

.a9-11 {
	width: 81.81%;
}

.a10-11 {
	width: 90.90%;
}

.a5-12 {
	width: 41.66%;
}

.a7-12 {
	width: 58.34%;
}

.a11-12 {
	width: 91.67%;
}

/* Boxes with margin */
.b1 {
	width: 99%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b2 {
	width: 49%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b3 {
	width: 32.33%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b4 {
	width: 24%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b5 {
	width: 19%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b6 {
	width: 15.66%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b7 {
	width: 13.28%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b8 {
	width: 11.5%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b9 {
	width: 10.11%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b10 {
	width: 9%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b11 {
	width: 8.09%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b12 {
	width: 7.33%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b2-3 {
	width: 65.66%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b3-4 {
	width: 74%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b2-5 {
	width: 39%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b3-5 {
	width: 59%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b4-5 {
	width: 79%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b5-6 {
	width: 82.33%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b2-7 {
	width: 27.57%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b3-7 {
	width: 41.85%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b4-7 {
	width: 56.14%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b5-7 {
	width: 70.42%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b6-7 {
	width: 84.71%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b3-8 {
	width: 36.5%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b5-8 {
	width: 61.5%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b7-8 {
	width: 86.5%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b2-9 {
	width: 21.22%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b4-9 {
	width: 43.4%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b5-9 {
	width: 54.56%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b7-9 {
	width: 76.78%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b8-9 {
	width: 87.89%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b2-10 {
	width: 19%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b3-10 {
	width: 29%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b4-10 {
	width: 39%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b6-10 {
	width: 59%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b7-10 {
	width: 69%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b8-10 {
	width: 79%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b9-10 {
	width: 89%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b2-11 {
	width: 16.56%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b3-11 {
	width: 26.19%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b4-11 {
	width: 35.35%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b5-11 {
	width: 44.29%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b6-11 {
	width: 53.55%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b7-11 {
	width: 62.64%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b8-11 {
	width: 71.73%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b9-11 {
	width: 80.82%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b10-11 {
	width: 89.91%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b5-12 {
	width: 40.67%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b7-12 {
	width: 57.34%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.b11-12 {
	width: 90.67%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}