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

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

  &__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;
      }
    }
  }
}