/* -------------- MARCELOT -------------- */
.MM1 {
	grid-row:1;
	grid-column: span 14/25;
}

.MM2 {
	grid-row:2;
	grid-column: span 6;
}

.MM3 {
	grid-row:2;
	grid-column: span 6;
}

.MM4 {
	grid-row:2;
	grid-column: span 6;
}

.MM5 {
	grid-row:3;
	grid-column: span 16/25;
}

.MM6 {
	grid-row:4;
	grid-column: span 7;
}

.MM7 {
	grid-row:4;
	grid-column: span 7;
}

@media (max-width: 699px) and (orientation:portrait) {

			.MM1 {
				grid-row:1;
				grid-column: span 24;
			}

			.MM2 {
				grid-row:2;
				grid-column: span 8;
			}

			.MM3 {
				grid-row:2;
				grid-column: span 8;
			}

			.MM4 {
				grid-row:2;
				grid-column: span 8;
			}

			.MM5 {
				grid-row:3;
				grid-column: span 24;
			}

			.MM6 {
				grid-row:4;
				grid-column: span 12;
			}

			.MM7 {
				grid-row:4;
				grid-column: span 12;
			}

}