.content { padding-bottom: 120px; .row { display: block; width: 100%; border-bottom: 1px solid #C0C0C0; background-color: #FFF; .page-header { display: flex; flex-direction: column; justify-content: center; align-items: start; width: 100%; height: 400px; background-color: #86898E; background-size: cover; background-position: center; overflow: hidden; .block{ position: absolute; top:136px; left: calc((100% - 900px) / 2); } .limiter{ display: block; .line{ display: inline-block; border-bottom: 12px solid var(--prime); h1{ display: inline; padding-right: 40px; vertical-align: 2px; font-family: PT Sans Narrow; font-size: 76px; font-style: normal; font-weight: 700; line-height:100%; letter-spacing: 0.76px; color: white; } } } } .left { flex-grow: 1; } .right { margin-left: 32px; display: flex; flex-direction: row; align-items: center; flex-shrink: 0; cursor: pointer; .label { margin-right: 8px; font-size: 20px; color: #2D2D2D; } } } .nav-info{ position: relative; >.toggle{ display: flex; position: absolute; right: -312px; top: 0px; gap: 8px; } } @media screen and (max-width: 1360px) { .nav-info{ display: none; } } .holder { margin-bottom: 32px; } } .dual-cols { display: flex; flex-direction: row; width: 100%; .col { &.left { flex-grow: 1; } &.right { flex-shrink: 0; width: 400px; margin-left: 40px; } } } @media screen and (max-width: 768px) { .content { h1 { font-size: 1.5rem; line-height: 2rem; } .row { flex-direction: column-reverse; //padding-top: 24px; .right { visibility: hidden; } } } .dual-cols { flex-direction: column; .col { &.right { width: 100%; margin-left: 0 !important; } } } }