.header {
	position:fixed;
	background-color:var(--header-bg);
	color: var(--header-content);
	z-index: 10;
	width:100%;
	border-bottom: var(--header-underline);
}
.banner {
	max-width: var(--header-width);
	padding: 20px var(--header-padding);
	margin: auto;
	display:grid;
}
.logo {
	align-self:center;
}
.logo img {
	display:block;
	max-width:100%;
	transition: max-height 1s ease;
	margin: auto;
	max-height: 70px;
}

.main {padding-top:110px;}

.header.shrink .banner {
	padding: 6px var(--header-padding);
}
	
.header.shrink .logo img {max-height:60px;}

/** offset for targets to allow for header **/
:target::before {
  content: "";
  display: block;
  height: 102px; /* fixed header height*/
  margin: -102px 0 0; /* negative fixed header height */
}