.root { position: relative; display: grid; padding: 1.4rem; } .row { margin-bottom: 7px; } .logoTitleSection { display: flex; @media (max-width: 768px) { flex-direction: column; .logo { margin-left: auto; margin-right: auto; margin-bottom: 0.6rem; margin-top: 0.6rem; } } } .titleSection { display: flex; flex-direction: column; margin-left: 0.6rem; .title { font-family: var(--theme-text-display-font-family); color: var(--theme-color-palette-0); font-size: 2rem; font-weight: bold; line-height: 30px; } .subtitle { font-size: 1.5rem; font-weight: 300; line-height: 1.3; color: var(--theme-color-background-header); max-width: 900px; } } .tagList { color: var(--theme-color-palette-10); span { display: inline-block; margin-right: 0.5rem; font-size: 0.9rem; font-weight: 500; } }