header {
    position: absolute;
    width: 80.16vw;
    height: 4.375vw;
    top: 2.08vw;
    left:10.42vw;
    display: flex;
    justify-content: start;
    align-items: start;
    z-index: 3;
    border-bottom:1px solid white;
}
.headerLogo{
    width: 14.16vw;
    height: 1.45833vw;
    background-size: cover;
    margin-top: 0.5729vw;
    background-image: url("../../../img/kindalbom/hero/Logo.svg");
    background-repeat: no-repeat;
}
.headerPageLinks{
    margin-left: 1.5625vw;
    margin-top: 0.5729vw;
    width: max-content;
}
.headerPageLink{
    color:white;
    text-decoration: none;
    margin-left: 1.5625vw;
}
.headerPageLink:first-child{
    margin-left: 0;
}
.headerMediaLinks{
    margin-left: 1.03vw;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: 0.729vw;
}
.headerMediaLink{
    width: 1.4583vw;
    height: 1.4583vw;
    margin-left:1.25vw;
    background-repeat: no-repeat;
    background-size: cover;
}
.headerMediaLink.inst{
    background-image: url("../../../img/kindalbom/header/inst.svg");
}
.headerMediaLink.vk{
    background-image: url("../../../img/kindalbom/header/vk.svg");
    background-size: 100% auto;
    background-position: center;
}
.headerMediaLink.whatsap{
    background-image: url("../../../img/kindalbom/header/whatsap.svg");
}
.headerBuyLink{
    padding: 0.52vw 1.77vw;
    color:white;
    border:1px solid white;
    border-radius: 2vw;
    margin-left: 2vw;
    transition:all 0.3s ease;
    text-decoration: none;
}
.headerBuyLink:hover{
    background-color: white;
    border:1px solid white;
    color: #2d2d2d;
}

@media(max-width:640px){
    header.header{
        display: none;
    }
}