h1 {
	color: white;
	margin: 0;
	font-size: 3.4em;
}

body {
	background: whitesmoke;
	font-family: 'Roboto', sans-serif;
	margin: 0;
}

main img {
	display: block;
	width:100%;
}

main header {
	background: royalblue;
	padding: 1.5em;
}
nav {
	margin-top: 1.5em;
}
main header a {
	color: white;
	text-decoration: none;
	font-size: 2.5em;
	margin-right: 1em;
}

main p {
	margin: 0;
}

.content {
	padding: 1em;
}

@media only screen and (min-width: 1000px) {
	h1 {
		font-size: 2.3em;
	}

	main header {
		padding: 1em;
	}

	main header a {
		font-size: 1.2em;
	}

	nav {
		margin-top: 0.6em;
	}

	main p {
		font-size: 1.1em;
	}

	main {
		position:absolute;
		width: 50em;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);

		border-radius: 1em;
		box-shadow: 0px 0px 16px 0px rgba(153,153,153,1);
		background: white;
		overflow: hidden;
	}
}