header{display:grid;grid-template-columns:repeat(8,auto);grid-gap:2px 2px;align-items:center;margin:0;max-width:100%}header>div:nth-child(n+3):nth-child(-n+8){margin-right:2px;border:0 solid red}.flexible,.address,.contact{height:auto}.flexible{flex:1}.address,.contact{display:flex;align-items:center}.address ul,.contact ul{padding:6px 12px;font-size:1.2rem;text-align:left;color:oklch(47.12% 0 0);border:1px solid var(--color-primary);border-width:0 0 1px 1px;border-radius:0 0 0 6px}.logo{display:flex;width:auto;align-items:center;justify-content:center}.logo-main,.logo-add{max-width:100%;max-height:100%;margin:0 auto;padding:4px;object-fit:contain}.top-bar,.bottom-bar{max-height:16px;grid-column:1 / span 8;border:0 solid red}header div{padding:4px;border:0 solid orange;text-align:center}@media (max-width:1280px){header{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-gap:8px;align-items:center;justify-content:center}.flexible,.headbox,.top-bar,.bottom-bar,.noshow,.nobox,.address{display:none}.logo-main{grid-column:1;justify-self:center;align-self:center}.contact{grid-column:2;justify-self:center;align-self:center;text-align:center}.contact ul{padding:0;margin:0;list-style:none}.contact li{margin-bottom:4px}}@media (max-width:768px){header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;text-align:center}.logo-main{max-width:256px;height:auto;margin-bottom:1rem}.contact{display:flex;flex-direction:column;align-items:center;margin:0;padding:0}.contact ul{list-style:none;padding:0;margin:0}.contact li{margin:.5rem 0;font-size:1rem}.contact i{font-size:1.2rem;margin-right:.5rem}}