header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#fff;
    z-index:1;
}
.header_relative{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 20px;
    position:relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height:60px;
}
.header_relative .logo img{
    height:40px;
    width:auto;
}
.header_relative .website_name{
    color:#4B49AC;
    font-size:25px;
    font-weight:500;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    text-align:center;
    z-index:-1;
}
.header_relative .social_icon{
    display:flex;
    gap:15px;
    align-items:center;
}
.header_relative .social_icon a{
    font-size:22px;
    color:#4B49AC;
    cursor:pointer;
}
.header_relative .social_icon a:hover{
    opacity:.8;
}
.header_margin{
    height:60px;
}

@media (max-width: 768px){
    .header_relative .website_name{
        position:unset;
        padding:10px;
        font-size:20px;
        line-height:1;
        transform:none;
    }
    .header_relative .social_icon{
        display:none;
    }

}