header{display:grid;grid-template-areas:"content       content" "logo          hamburger" "mainMenu      mainMenu" "secondaryMenu secondaryMenu"}@media (min-width:768px){header{grid-template-areas:".        logo     secondaryMenu ." ".        logo     content       ." "mainMenu mainMenu mainMenu      mainMenu";grid-template-columns:1fr minmax(auto,140px) minmax(auto,940px) 1fr;grid-template-rows:auto 1fr auto}}header .header-logo{grid-area:logo}header .header-content{grid-area:content}header .header-hamburger{grid-area:hamburger}header .header-mainMenu{grid-area:mainMenu}header .header-secondaryMenu{grid-area:secondaryMenu}