html, body {
	margin: 0;
	padding: 0;
	background-color: #fff;
}

body {
	font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: .625em;
}

a {
	text-decoration: none;
	outline: none;
}

.serif {
	font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif; 
}

.logo {
	background-color: #423333;
	color: #fff;
	width: 100px;
	height: 40px;
	text-align: center;
	text-transform: uppercase;
	padding: 35px 0 25px 0;
}

.logo-1, .logo-2 {
	display: block;
	line-height: .8em;
}

.logo-1 {
	font-size: 3.6em;
	letter-spacing: .065em;
	font-weight: 300;
}

.logo-2 {
	font-size: 2.1em;
	color: #cc6633;
	font-weight: 400;
}


@media only screen and (min-width: 600px) {
	.logo {
		background-color: #423333;
		color: #fff;
		width: 100px;
		height: 42px;
		text-align: center;
		text-transform: uppercase;
		padding: 29px 0;
	}
}