.header.region--colored-background {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;

  background-color: rgb(0 0 0 / 45%) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-bottom: 1px solid rgb(255 255 255 / 15%) !important;
}

.site-branding__logo {
	margin: 8px 0;
}

.site-branding__logo {
  display: block !important;
  width: 6rem !important;
}

.site-name {
	align-self: end;
	margin-left: 1rem;
}

.site-name a {
	font-size: 2rem !important;
}



.menu-item > a {
	font-size: 1vw !important;
	padding: 0 !important;
	margin: 0 !important;
	margin-right: 32px !important;
}

.header-container ul.menu a {
	color: #fff !important;
	
}


.internal-banner-container {
	padding-top: 5rem;
}

.header__container > .row div {
	flex: 1 !important;
}

.page-top-container {
	height: 5rem;
}

.logo-and-site-name-wrapper {
	padding: 0px !important;
}