@media only screen and (min-width: 601px) {
	h1 {
		--font-size: 82pt;
	}
}

@media only screen and (max-width: 600px) {
	h1 {
		--font-size: 24pt;
	}
}

h1 {
	background-image: url("morocco.png");
	margin-left: calc(-1*(var(--article-margin-left) + var(--article-padding)));
	margin-right: 0;
	width: 100vw;
	text-align: center;
	font-size: var(--font-size);
	padding-top: calc(var(--font-size)*0.5);
	padding-bottom: calc(var(--font-size)*0.5);
	
}