.dyn-header{
display: none;

--offset: 100vh;
position: fixed;
z-index: 9999;
inset: 0;
bottom: auto;
_height: 60px;
background: #E5ECF7;
box-shadow: 0 5px 5px rgb(0 0 0 / 33%);
padding: 2rem;
transform: translateY( calc(var(--offset) * -0.5));
}
.dyn-header > div{
display: flex;
justify-content: space-between;
}
.dyn-header > div *{
margin: 0 !important;
}
@media (max-width: 768px){
.dyn-header > div{
justify-content: center;
}
.dyn-header h2{
display: none;
}
}