header {display: grid;grid-template-columns:repeat(8, auto);grid-gap:2px 2px;align-items:center;margin: 0;max-width: 100%;min-height: 256px;background:rgba(256,256,256,.75);}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;background:rgba(256,256,256,.5);}.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: 1920px) {header {grid-template-columns: repeat(6, 1fr);grid-gap:0;}header > div:nth-child(n+2):nth-child(-n+8) {margin-right: 1px;border: 0px solid orange;}.flexible, .top-bar {display:none;}}@media (max-width: 1280px) {header {grid-template-columns: repeat(4, 1fr);grid-gap:0;align-items:center;justify-content: center;}.flexible, .headbox, .top-bar, .bottom-bar, .noshow {display:none;}}@media (max-width: 768px) {header {grid-template-columns: repeat(2, 1fr);grid-gap:0;align-items:center;justify-content: center;}.flexible, .headbox, .top-bar, .bottom-bar, .noshow, .logo-add, .nobox, .nocontact {display:none;}}@media (max-width: 480px) {header {grid-template-columns: repeat(2, 1fr);grid-gap:0;align-items:center;justify-content: center;}.flexible, .headbox, .top-bar, .bottom-bar, .noshow, .logo-add, .nobox, .nocontact {display:none;}}@media screen and (max-width: 480px) and (orientation: portrait) {header {display: grid;grid-template-columns: 1fr;grid-template-areas: "logo" "contact";place-items: center;text-align: center;padding: 16px 0;}.logo {grid-area: logo;margin-bottom: 16px;}.contact {grid-area: contact;}.address {display: none !important;}.logo-main {width: 70vw;max-width: 70vw;height: auto;}.contact ul {margin: 0 auto;}}@media screen and (min-width: 481px) and (max-width: 900px) and (orientation: portrait) {header {display: grid;grid-template-columns: 1fr;grid-template-areas: "logo" "contact";place-items: center;text-align: center;padding: 32px 0;}.logo {grid-area: logo;margin-bottom: 32px;}.contact {grid-area: contact;}.address {display: none !important;}.logo-main {max-width: 320px;height: auto;}.contact ul {margin: 0 auto;}}@media screen and (max-width: 1024px) and (max-height: 500px) {header {display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 48px;padding: 24px 0;text-align: center;}.logo {display: flex;justify-content: center;align-items: center;}.contact {display: flex;flex-direction: column;align-items: center;justify-content: center;}.address {display: none !important;}.logo-main {max-width: 260px;height: auto;}.contact ul {margin: 0 auto;}}@media screen and (min-width: 1025px) and (max-width: 1300px) {header {display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 64px;padding: 32px 0;text-align: center;}.logo {display: flex;justify-content: center;align-items: center;}.contact {display: flex;flex-direction: column;align-items: center;justify-content: center;}.address {display: none !important;}.logo-main {max-width: 300px;height: auto;}.contact ul {margin: 0 auto;}}