.header__logo-section {
  background-color: #999999;
  background-image: url("../../images/__front/header-bg.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto 110px;
  min-height: 7vh;
  padding-top: 3rem;
  display: flex;
  justify-content: center;
}
@media screen and (max-width:767px) {
  .header__logo-section {
    background-size: auto 90px;
  }
}
.header__navigation-section {
  background-color: #333333;
  padding-bottom: calc(40px + 3px);
  position: relative;
  z-index: 1;
}
@media screen and (max-width:767px) {
  .header__navigation-section {
    z-index: 10000;
  }
}
.header__separation {
  height: 0;
  overflow: hidden;
}
.header__wrapper {
  position: relative;
  padding-top: 1rem;
  background-color: #999999;
  z-index: 2;
}
@media screen and (max-width:767px) {
  .header__wrapper {
    margin-top: -1px;
  }
}
.header__wrapper:after {
  width: 100%;
  height: 40px;
  position: absolute;
  left: 0;
  top: 100%;
  content: '';
  border-right: 50vw solid rgba(0, 0, 0, 0);
  border-left: 50vw solid rgba(0, 0, 0, 0);
  border-top: 40px solid #999999;
}
@media screen and (max-width:767px) {
  .header__wrapper:after {
    top: calc(100% - 1px);
  }
}
.header__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header__logo > img {
  height: 160px;
  width: auto;
}
@media screen and (max-width:767px) {
  .header__logo > img {
    height: 140px;
  }
}
/*# sourceMappingURL=header.css.map */