@media only screen and (max-width: 1000px) {  /* Petits écrans PC + iPad */
	:root {
		--body_width: 90vw;
		--height-container: 40vh;
	}
	body {
		height: auto;
	}
}




/* MOBILE */
@media only screen and (max-width: 858px) {  /* Mobile */
	:root {
		--body_width: 90vw;
		--a: calc(100vw / 3);
	}
	.portfolio {
		height: calc(6 * var(--a))
	}
	div#n5 {
		top: calc(2 * var(--a));
		left: 0;
	}
	div#n6 {
		top: calc(3 * var(--a));
		left: 0;
	}
	div#n2 {
		top: calc(3 * var(--a));
		left: calc(1 * var(--a));
	}
	div#n3 {
		top: calc(5 * var(--a));
		left: 0;
	}
	div#n4 {
		top: calc(5 * var(--a));
		left: calc(1 * var(--a));
	}
	div#n8 {
		top: calc(2 * var(--a));
		left: calc(2 * var(--a));
	}
}