.header {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 15px;
  width: 100%;

  @media (max-height: $h-media-x) {
    padding-top: 20px;
  }

  &__danger {
    position: absolute;
    right: 0;
    top: 10px;

    @media (max-height: $h-media-x) {
      right: 10px;
      width: 28px;
      height: 28px;

      img {
        display: block;
        width: inherit;
        height: inherit;
      }
    }
  }

  &__logo {
    img {
      display: block;
      object-fit: contain;
      max-height: 22px;
    }
  }
}