body {
	background: #ededed;
	font-family: sans-serif;
}

main {
	max-width: 600px;
	margin:auto;
	padding: 1rem;
	margin-top: 3rem;
	text-align: center;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

source,picture,img {
	width: 300px;
	margin: auto;
}

@media screen and (max-width: 400px) {
	source,picture,img {
		width: 100%;
	}
}

@media screen and (max-width: 170px) {
	h1 {
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 130px) {
	h1 {
		font-size: 1rem;
	}
}

@media screen and (max-width: 100px) {
	h1,p {
		font-size: 10vw;
	}
	
	main {
		max-width: initial;
	}
}

@media print {
	main {
		border-top: initial;
		border-bottom: initial;
	}
	
	body {
		background: #ffffff;
	}
}