/* Reset */

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

button, input, select {
	font: inherit;
}

a:focus,
input:focus,
button:focus,
textarea:focus,
[tabindex]:focus {
    outline: 1px dotted #000;
}

/*
	Vertical rhythm
	Sets a margin on top of all elements that have siblings that come before them in the source order.
*/
* + * {
	margin-top: 1.2rem;
}

@media (min-width: 33.75em) {

	* + * {
		margin-top: 2rem;
	}

}

/* Layout */

body {
  margin-top: 0;
}

.content {
  margin: 0 auto 4.8rem;
}

@media (min-width: 33.75em) {

	.content {
		margin-bottom: 6rem;
	}

}

@media (min-width: 60em) {

	.content {
		margin-bottom: 8.4rem;
	}

}