/* huvud.css – logotype/header banner */

.huvud-wrap{
  padding: 0;
}
.huvud-wrap .container-std{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.2rem;
  padding-bottom: 0;
}

/* The actual logo (matches huvud.html) */
.huvud-wrap .brand-logo{
  height: auto;
  margin-top: 0.5rem;
  margin-bottom: 0.2rem;
  padding-bottom: 0;
}
.huvud-wrap .brand-logo img{
  object-position: left;
  height: auto;
  width: auto;
  display: block;
  max-height: 100px; /* mirrors the inline style in huvud.html */
}

/* Slightly wider logo on XL screens, if the logo gets a set width via CSS */
@media (min-width: 1200px){
  .huvud-wrap .brand-logo{ width: 30rem; }
}