.site-branding .site-logo img {
	width: 300px;
}

@media (min-width: 36rem) {
    .site-branding .site-logo img {
        width: 400px;
        padding-bottom: .5rem;
    }
}

.site-branding {
    margin-top: 0;
    margin-bottom: 3rem;
}

@media (min-width: 62rem) {
    .site-branding,
    .site-branding .site-logo {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

#header {
    min-height: 200px;
}

.page-container::before {
  background-position: center 57%;
  height: 210px;
  opacity: 0.35;
}

body:not(.flavor2) .header + .highlighted {
    margin-top: 0;
}