html, body, .viewport {
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.vbox {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	align-content: stretch;
	height: 100%;
  }

header {
	height: 12vh;
	background-color: #cc071e;
	text-align: center;
}

header img {
	/* landscape img - otherwise vice versa */
	height:100%;
	width: auto;
}

.ld_txt {
	padding: 6vh;
	text-align: center;
	font-size : clamp(1rem, 5vw, 1.3rem);
}

figure {
	height: 58vh;
	text-align: center;
	overflow: hidden;
}

figure img {
	max-height:100%;
	width: auto;
}

footer {
	margin-top: 2vh;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	height: 11vh;
	text-align: center;
	overflow: hidden;
}

footer img {
	height:100%;
	width: auto;
}