.header { .header_content { display: flex; min-height: 5rem; align-items: center; justify-content: space-between; margin-right: 1rem; svg { margin-left: 0.8rem; min-width: 80px; width: 13vw; height: auto; filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 1)); path { fill: var(--logo-color) !important; } } div { display: flex; flex-wrap: wrap; text-shadow: 0px 4px 4px var(--shadow-color); a { margin-left: .8rem; } } } hr { } } @media (min-width: 640px) { .header_content { min-height: 6rem; div { font-size: 110%; } } } @media (min-width: 768px) { .header_content { min-height: 6.5rem; div { font-size: 115%; } } } @media (min-width: 1024px) { .header_content { min-height: 7rem; div { font-size: 120%; } } } @media (min-width: 1280px) { .header_content { min-height: 7.5rem; div { font-size: 125%; } } } @media (min-width: 1920px) { .header_content { min-height: 8rem; div { font-size: 130%; } } }