/* Shared masthead geometry for every FiveStar.es page template. */
.masthead-main {
  min-height: 112px;
}

.masthead .brand {
  position: static;
  left: auto;
  width: 155px;
  transform: none;
  justify-self: center;
}

@media (max-width: 820px) {
  .masthead-main {
    position: relative;
    min-height: 94px;
    grid-template-columns: auto 1fr auto;
  }

  .masthead .brand {
    position: absolute;
    left: 50%;
    width: 113px;
    transform: translateX(-50%);
  }
}

@media (max-width: 650px) {
  .masthead-main {
    min-height: 88px;
  }

  .masthead .brand {
    width: 95px;
  }
}

@media (max-width: 360px) {
  .masthead .brand {
    width: 84px;
  }
}