* { padding: 0; margin: 0 auto; box-sizing: border-box; }
body, html { width: 100%; min-height: 100vh; font-family: 'Open Sans', sans-serif; }

#mainElement { min-height: 100vh; width: 100%; display: flex; flex-flow: row wrap; align-items: center; margin: 0 auto; }
#content { width: 800px; padding: 20px; margin: 0 auto; }

.info { width: 58%; float: left; border-right: 1px solid #eee; margin-right: 2%; }
.info h1 { font-size: 28px; font-weight: 600; letter-spacing: 1px; margin-bottom: 10px; color: #665d5a; }
.info p a { text-decoration: none; color: #000; }
.info p a.link { color: #7ac5b9; }

.contact { width: 100%; margin-top: 30px; }
.contact h3 { font-size: 18px; font-weight: 600; letter-spacing: 1px; margin-bottom: 5px; color: #665d5a; }
.contact ul { width: 100%; }
.contact ul li { list-style: none; }
.contact ul li a.social { width: 20px; color: #665d5a; font-size: 24px; margin-top: 10px; display: inline-block; }

.logo { width: 40%; float: left; }
.logo img { width: 100%; float: left; }