/*CSS DOCUMENT*/

section{
	padding: 1em 1em 1em;
	background-color: rgb(222, 224, 224);
	margin-bottom: 1em;
}
h2{
	padding-top: 1em;
}
h3{
	margin: 0em 0em 0em;
}

p{
	margin-top: 0.25em;
}
header {
	flex: 1 0 60em;
}
figure{
	width: 100%; 
    max-width: 40em;
	 margin: 0 auto;
	 padding-bottom: 0.5em;
}
ol{ 
	padding-left: 0em;
}
footer {
	flex: 1 0 60em;
	border-top: solid rgb(222, 224, 224) 0.2em;
}


a {
	text-decoration: none;
	color: rgb(14, 15, 15);
}

aside {
	flex: 2 0 20em;
}

body {
	font-family: sans-serif;
	line-height: 1.4em;
	color: #222;
	background-color: #fafafa;
	box-sizing: border-box;
	
	}

img {
	width: 100%;
	}

	div.container {
		margin:2em;
	}


	@media only screen and (min-width:60em){
	
		div.container {
			display: flex;
			flex-wrap: wrap;
			max-width: 60em;
			margin:auto;
		}

		article {
			flex: 2 0 35em;
			margin-right: 1em;
		}
	}