/*CSS DOCUMENT*/

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

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

	figure{
		margin: 0;
	}

	section{
		background: #eeeeee;
		padding: 1em;
		margin-bottom: 1em;
	}

	h1, h2{
	margin-top: 2em;
	}

	h3{
		margin-bottom: 0;
	}

	ol{
	padding: 0;
	}

	section p{
		margin-top: 0;
	}

	a{
		text-decoration: none;
	}

	section a{
		color: #222;
	}

	footer a{
		color: #444;
	}
	header{
		flex: 100% 1 0;
		}

	article{
		flex: 40em 1 0;
		padding-right: 1em;
		}

	aside{
		flex: 20em 1 0;
		}

	footer{
		flex: 100% 1 0;
		border-top: solid 1px #aaa;
		margin-top: 2em;
		}