.header__burger{
    display: none;
    position: relative;
    width: 2.5rem;
    height: 2rem;
}
.header__burger input{
    display: none;
}
.header__burger input + label {
    position: absolute;
    top: 0;
    right: 0;
    height: 2rem;
    width: 2.5rem;
    z-index: 5;
}
.header__burger input + label span {
    position: absolute;
    width: 100%;
    height: .2rem;
    top: 50%;
    margin-top: -.1rem;
    left: 0;
    display: block;
    background: #111;
    transition: 0.5s;
}
.header__burger input + label span:first-child {
    top: .3rem;
}
.header__burger input + label span:last-child {
    top: 1.6rem;
}
.header__burger label:hover {
    cursor: pointer;
}
.header__burger input:checked + label span {
    opacity: 0;
    top: 50%;
}
.header__burger input:checked + label span:first-child {
    opacity: 1;
    transform: rotate(405deg);
}
.header__burger input:checked + label span:last-child {
    opacity: 1;
    transform: rotate(-405deg);
}
.header__burger{}
.header__burger{}
.header__burger{}

@media screen and (max-width: 990.9px) {
    .header__burger{
        display: block;
    }
}