body > header {
    position:absolute;
    z-index:4;
    top:40px;
    width:100%;
}

body > header h1 {
    max-width:150px;
    margin:0 auto;
}
body > header h1 a {
    display:flex;
    align-items: center;
    justify-content: center;
    gap:10px 20px;
    flex-wrap: wrap;
}

body#index > header {
    top:14vh;
}
body#index > header h1 {
    max-width:300px;
}


@media (max-width:920px ) {

}
@media (max-width:720px ) {

}
@media (max-width:520px ){
    body > header {
        top:40px;
    }
    body#index > header {
        top:10vh;
    }
    body#index > header h1 {
        max-width:200px;
    }    
}