.main-header {
  border-bottom: 1px solid var(--border-color-light);
}

.main-header > .container {
  position: relative;
  padding-right: 70px !important;
}

.main-header .sitename {
  color: hsl(240, 31%, 19%);
  font-size: calc(20rem/var(--initial-font-multiplier));
  min-height: 90px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  transition: color 0.15s ease-out;
}

.main-header .sitename .logo {
  width: 55px;
  margin-right: 25px;
}

:root.root--special .main-header {
  border-bottom-color: var(--special-text-color);
}

@media (hover: hover) {
  .main-header .sitename:hover {
    color: var(--primary-color-hover);
    border: none;
  }
}

@media screen and (max-width: 735px) {
  .main-header .sitename {
    font-size: calc(14rem/var(--initial-font-multiplier));
  }
}

@media screen and (min-width: 736px) and (max-width: 895px) {
  .main-header .sitename {
    font-size: calc(14rem/var(--initial-font-multiplier));
  }
}