/* THEME */

/* *****************************************************************
 MAIN
***************************************************************** */

.page{
	margin: 2em;
	background-color: #fff;
}

main {
	padding: 2rem;
	display: flex;
}

header, footer {
	padding: 2rem;
	background-color: silver;
	font-size: 2rem;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
}

/* *****************************************************************
 VERSION TABLETTE
***************************************************************** */

@media screen and (max-width: 1200px) {
	main {
		flex-wrap: wrap;
	}
	article {
		width: 50%;
	}
}

/* *****************************************************************
 VERSION DESKTOP
***************************************************************** */

@media only screen and (min-width: 1100px) {
	main {
		flex-wrap: wrap;
	}
}