@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;	
}

h1 {
	text-align: center;	
 }

.container {
	max-width: 1100px;
	margin: 0 auto;
	display: block;
}

.container img {
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

.flex {
	display: flex;
}

.flex_col {
	display: block;
	width: 50%;
	padding: 16px;
	margin: auto;
}

.flex_col img {
	max-width: 100%;
	height: auto;
}

.flex_col li {
	margin-bottom: 2px;
}

@media screen and (max-width: 768px) {

	.flex_col img.robert {
		max-width: 400px;
		margin: 0 auto;
		display: block;
	}

	.flex {
		display: block;
	}

	.flex_col {
		width: 100%;
		margin: 16px auto;
	}

}