html, body { 
		background: url(img/bg_gradient.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-text-size-adjust: 100%;
		background-size: cover;
		height: 100%;
		width: 100%;
		margin: 0px;		
	}

	body	{
		font-family: 'Muli', sans-serif;
		font-size: 14px;
		color: #FFF;
	}

	.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.3);
		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;
	}
	
	#header {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		background:rgba(0,0,0,0.3);
		padding: 10px 0px 10px 10px;
		text-align: left;
	}
	
	#footer {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background:rgba(0,0,0,0.3);
		padding: 5px 0px 5px 10px;
		text-align: left;
	}
	
	img {
		width: 150px;
		border-radius: 50%;
	}
	
	h3	{
		margin: 0 0 10px 0;
		font-family: 'Muli', sans-serif;
		font-size: 24px;
	}
	
	.title {
		margin: 20px 0 0 20px;
		text-align: top;
		vertical-align: middle;
	}
	
	a {
		font-family: 'Muli', sans-serif;
		font-size: 14px;
		color: #FFF;
		text-decoration: none; 
	}
	
	a.url {
		font-family: 'Muli', sans-serif;
		font-size: 14px;
		color: #FFF;
		text-decoration: none; 
		border-bottom: 1px white dotted;
	}
	
	a:hover {
		text-decoration: none;
		border: none;
	}