@font-face {
  font-family: 'Merriweather-Regular';
  src: url(fonts/Merriweather-Regular.ttf);
}

body {
	font-family: merriweather, Merriweather-Regular;
	text-align: center;
	margin: auto;
	width: 50%;
}

.logo {
	margin-top: 20px;
	height: 40px;
}

@media only screen and (min-height: 350px) {
	body { padding-top: 20%; }
}
@media only screen and (max-width: 600px) {
	body { font-size: 2em; }
	.logo {
		content:url(logo-MW_small.jpeg);
	        height: 40px;
	}
}
@media only screen and (min-width: 600px) {
	body { font-size: 2em; }
	.logo {
		content:url(logo-MW_medium.jpeg);
		height: 80px;
	}
}