.mediaContainer{
    display: flex;
}
.burgerButtonContainer{
    position: absolute;
    top:4.6875vw;
    right:5.78125vw;
}
.burgerButton{
    width: 10.9375vw;
    height: 10.9375vw;
}
.burgerButton::after{
    top:3.28125vw;
    left: 3.28125vw;
    width: 4.375vw;
    height: 4.375vw;
}
.burgerButton.closed{
    width: 4.375vw;
    height: 4.375vw;
}
.burgerButton.closed::after{
    background: url('../../../img/kindalbom/headerMenu/close640.svg');
    background-size: 100% auto;
}

.headerMenuContent{
    max-height:93.75vw;
    top:initial;
    bottom:-100%;
    transition:bottom 0.3s ease-in-out;
}
.headerMenuContent.animationStart{
    top:initial;
    bottom:0;
}
.headerMenuContent.animationStop{
    top:initial;
    bottom:-100%;
}

.headerMenuContent{
    border-bottom-left-radius: 0vw;
    border-bottom-right-radius:0vw;
    border-top-left-radius: 4vw;
    border-top-right-radius:4vw;
    padding:14vw 6.25vw 8.9vw 6.25vw;
    grid-template-columns: 1fr;
    grid-template-areas: 
        "logo"
        "pl"
        "buy"
        "ml";
    justify-items: center;
}
.headerMenuPageLinks{
    padding:0;
    width: 100%;
    display: grid;
    grid-template-rows: repeat(3,1fr);
    grid-template-columns: repeat(2,1fr);
    grid-auto-flow: column;
}
.headerMenuPageLink{
    width: max-content;
    margin-bottom: 3.125vw;
    margin-right:0;
    font-size: 5vw;
    line-height: 6.25vw;
}
.headerMenuPageLinkMainPage.p7_2{
    font-size: 5vw;
    line-height: 6.25vw;
    margin-bottom: 0vw;
    margin-left:auto;
}
.headerMenuPageLink.alignRight{
    margin-left:auto;
}
.headerMenuPageLink.noMarginBottom{
    margin-bottom: 0;
}
.headerMenuMediaLinks{
    margin-top: 6.25vw;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    justify-self: center;
}
.headerMenuMediaLink{
    width: 6.25vw;
    height: 6.25vw;
    margin-right: 6.25vw;
}
.headerMenuMediaLink:last-child{
    margin-right: 0;
}
.headerMenuLogo{
    width: 87.5vw;
    margin-top: 0vw;
    margin-bottom: 6.25vw;
}
.headerMenuBuy{
    width: 100%;
    justify-self:center;
    align-items: center;
    justify-content: center;
    padding:2.1875vw 0vw;
    border:2px solid #2d2d2d;
    margin-top: 6.25vw;
    font-size: 5vw;
    line-height: 6.25vw;
}
.headerMenuBuyIcon{
    width: 5vw;
    height: 6.25vw;
    margin-right: 2.1875vw;
}