* {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    box-sizing: border-box;
}
body {
	color: #fff;
	background:#41b5a0;
    cursor: default;
    font-family: Calibri;
}
a {
    outline: 0;
    text-decoration: none;
    color: #fff;
}
a:hover {
color:yellow;
}
img {
    vertical-align: middle
}
img.auto {
    width: auto;
    height: auto;
    max-width: 100%;
    min-width: 100%
}
.clear {
    clear: both
}

#home {
    min-height: 100vh;
	text-align:center;
}
#logo {
	max-width:90%;
    width: 30em;
	margin:auto;
	padding:1em 0 0;
}
#content {
	width:32%;
	margin:3em auto;
	position:relative;
}
#illustration {
	float:left;
	margin:auto;
	width:40%;
}
#description {
	float:left;
	width:60%;
	text-align:center;
	padding:0 5%;
}
#social {
	margin:1em 0;
	font-size:140%;
}
h1 {
	font-weight:normal;
}
p {
	margin:1em auto;
}
hr {
width:500px;
margin:auto;
padding:0.5em 0 0;
border:none;
border-bottom:1px solid yellow;
}
@media (max-width:800px) {
#content,#illustration,#description {
width:90%;
}