body {
	--logo-height: 116px;
	--logo-width: 220px;
	--shift: 16px;
	
	@media screen and (min-width: 32rem) {
		--logo-height: 232px;
		--logo-width: 440px;
		--shift: 32px;
	}

	background-image: linear-gradient(to bottom, #0099ba, #0085a1);
	display: flex;
	font-family: "verdana", verdana, mono;
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 100vh;
	line-height: 1.25em;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}

#wrapper {
	background-color: #0085a1;
	border: 1px solid #bfe6ee;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #0085a1;
	margin: auto;
	max-width: 640px;
	overflow: hidden;
	padding: calc(var(--logo-height) - var(--shift)) calc(var(--logo-width) / 3.25) 1em 1em;
	position: relative;
	text-align: right;
	width: calc(90% - calc(calc(var(--logo-width) / 3.25) + 1em));
}

.logo {
  background: url(../img/dbh_logo.svg) no-repeat 0px center;
	background-size: contain;
  display: block;
	fit-content: contain;
  min-height: var(--logo-height);
  min-width: var(--logo-width);
	top: calc(var(--shift) * -1);
}

a {
	color: currentColor;
	text-decoration: underline;
}
	
a.sneakpeek {
	text-decoration: none;
	}

a:hover {
	color: #fff;
	text-decoration: underline !important;
	}

h1 {
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 0px;
}

.info {
	color: #bfe6ee;
	/* font-size: 0.8em; */
}

.update {
	color: #80ccdd;
	font-size: 0.85em;
}

.update a {
	text-decoration: none;
	}