.banner{display:flex;flex-direction:column;width:100%;height:clamp(200px,28vh,320px)}.banner .background-image{height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.banner .overlay{position:relative;left:0;top:0;background-color:rgba(0,0,0,.637);width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5rem;font-weight:600}.banner .overlay h1{margin:0;line-height:1.2;text-align:center;padding:0 1rem}@media(max-width:767px){.banner{height:36px}.banner .overlay{font-size:.875rem}.banner .overlay h1{font-size:.875rem;line-height:1;padding:0 .5rem}}