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: 0px 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: 0px solid red;}header div {padding: 4px;border: 0px 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: 0.5rem 0;font-size: 1rem;}.contact i {font-size: 1.2rem;margin-right: 0.5rem;}}