/******************* Constants *******************/
:root {
	--font-color: #050505;
	--font-color_rgb: 5, 5, 5;
	--background-color: #F9F3F1;
	--color01: #A63845;

	--image-margin-side: 2.5em;

	--content-width: 900px;
}

/******************* Page *******************/
* {
	box-sizing: border-box;
}
html {
	background-color: var(--background-color);
	font-family: Lato, Helvetica, sans-serif;
	font-size: medium;
	color: var(--font-color);
}
@media only screen and (min-width: 768px) {
	html {
		font-size: large;
	}
}
body {
	margin: 0;
}
p, ul, ol {
	line-height: 1.6em;
}

#wrapper {
	max-width: 800px;
	margin: auto;
}

@media print {
	html {
		size: A4 portrait;
		color: black;
		background-color: white;
		margin: 0;
	}
}

/******************* Links *******************/



/****************** App ********************/
.apps_container {
	display: grid;
	grid-template-columns: 45% 45%;
	gap: 1em 3em;
	padding: 1em;
}
@media (max-width: 400px) {
	.apps_container {
		grid-template-columns: 100%;
	}
}
@media (min-width: 768px) {
	.apps_container {
		grid-template-columns: 29% 29% 29%;
	}
}
.app {
	min-width: 100%;
	text-align: center;
}
.app img {
	max-width: 100%;
	margin: auto;
	max-height: 10em;
}