html, body {
	background: rgb(34,193,195);
	background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);
}

body	{
	font-family: 'Merriweather', serif;
	color: #FFF;
}

p 		{
	font-size: 14px;
}

h1		{
	margin: 0;
}

.container {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.wrapper {
	background:rgba(0,0,0,0.0);
	max-width: 980px;
	display: inline-block;
	margin: 20px 20px 20px 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
}
	
.child {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding: 20px;
}

#footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background:rgba(0,0,0,0.3);
	padding: 5px 0px 5px 10px;
	text-align: left;
	}