body{
	font-family: system ui, sans-serif;
	font-size:100%;
	line-height:1.35rem;
	background-color:tan;
}
header{
	display:flex;
	flex-direction: column;
	min-height: 35vh;
	justify-content:flex-start;
	align-items:stretch;
}

h2{
	padding-top:2em;
	font-size: 10vw;
	text-align:center;
	/*outline:1px dotted green;*/
}
figure{
	margin;1em 0;
}
img.feature-image {
	width:100%;
}

/* typical code to make youtube video fit any parent width */
.video-wrapper{
	position: relative;
	height:0;
	padding-bottom: 56.25%;        /* 16:9 ratio */
}

.video-wrapper iframe{
	position: absolute;
	top:0;
	left:0;
	width: 50%;
	height: 50%;
	

}

@media (min-width: 600px){

	figure{
		margin:3em;
	
	}
}

@media (perfers-color-scheme: dark) {
	body{
	background-color:#333;
	color:#ddd;
}