header{
    z-index:100;
    display: flex;
    justify-content: space-between;
    padding-inline: 24px;
    position: sticky;
    top: 0px;
    background-color: white;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: clip;
    align-content:center;
    align-items: center;
    container-type:inline-size;
	anchor-name:--header_anchor;
}

#header_menu_button{
    display:block;
    font-family: "Icon";
    font-size: 3rem;
    align-self: center;
    cursor: pointer;
	user-select: none;
    @container (min-width: 601px) {
        display: block;
    }
    @container (min-width: 1025px) {
        display: none;
    }
}
.main-nav{
    display: none;
   @container (min-width: 601px) {
        display: none;
    }
    @container (min-width: 1025px) {
        display: block;
    }
}