.banner { width: 98vw; height: calc(100vw / 3.5); font-size: 115%; //box-shadow: inset 0px -11px 8px -10px #444; background-repeat: no-repeat; background-size: 100%; background-position: 50% 5rem; background-attachment: fixed; display: flex; flex-direction: column; justify-content: center; align-items: center; h1 { word-break: break-all; } } @media (min-width: 640px) { .banner { width: 89%; margin-left: auto; margin-right: auto; } }