.page { margin-top: calc(60rem / 16); margin-bottom: calc(40rem / 16); } .headerContainer { display: flex; flex-direction: row; align-items: flex-end; padding-bottom: 1rem; border-bottom: calc(1rem / 16) solid var(--primary-heading); } .header { line-height: 1; color: var(--primary-heading); font-size: calc(48rem / 16); margin: 0 0 0 calc(36rem / 16); text-align: center; } .imageRight { flex-direction: row-reverse; } .imageRight .header { text-align: left; margin-left: 0; } @media only screen and (max-width: calc(768rem / 16)) { .headerContainer { flex-direction: column; align-items: center; border: none; } .header { font-size: calc(24rem / 16); margin: 1.5rem 0 0 0; } .headerImage { width: calc(100rem / 16); } .description { display: none; } }