* {
  margin: 0;
  padding: 0;
}

a {
	color: white;
	text-decoration: none;
}

a.underline {
	text-decoration: underline;
}

#wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;	
	min-height: 100vh;
	min-width: 100vw;
	box-sizing: border-box;
    background-image: url('moka.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	padding: 6vw;
	color: white;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 300;
}

#top {
	text-align: center;
	font-weight: 200;
	font-size: 1.8em;
}

#logo {
	line-height: 160%;
	margin-bottom: 1em;
	font-size: 1.2em;
}

#moka {
	font-weight: 700;
	font-size: 1.6em;
}

#content {
	display: flex;
	justify-content: space-between;
	line-height: 140%;
	font-size: 1.6em;
}

#left, #right {
	margin-top: 2em;
}

.title {
	margin-bottom: 1em;
	line-height: 160%;
}

.cap {
	font-weight: 700;
	font-size: 1.6em;
}

@media (max-width: 768px) {
	#content {
		flex-direction: column;
		text-align: center;
	}
}