
#banner{height:50vh;max-height:500px;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;display:flex;align-items:center;justify-content:flex-end;background:#f60}#banner figure{flex-grow:1;flex-shrink:0;flex-basis:0}#banner figure img{display:block;width:100%;height:100%;object-fit:cover}#banner div{flex-grow:1;flex-shrink:0;flex-basis:0;padding:30px 4vw;display:flex;flex-direction:column;justify-content:flex-end}#banner div.bg{background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#061420}#banner div h1{color:#fff;font-size:48px;font-weight:900}@media screen and (min-width: 768px){#banner div h1{font-size:calc(48px + 30 * (100vw - 768px) / 1152)}}@media screen and (min-width: 1920px){#banner div h1{font-size:78px}}#banner div p{text-transform:uppercase;font-weight:700;font-size:20px;margin:20px 0 0}#banner div p strong{font-size:28px;font-weight:900}#banner .baseline{padding:7vw;color:#dcd4c8;font-size:32px;font-weight:900;line-height:1;text-align:right;z-index:4}@media screen and (min-width: 768px){#banner .baseline{font-size:calc(32px + 46 * (100vw - 768px) / 1152)}}@media screen and (min-width: 1920px){#banner .baseline{font-size:78px}}#banner .baseline strong{font-weight:inherit;color:#f60}@media all and (max-width: 768px){#banner figure{display:none}#banner div{padding:8vw}#banner div.bg{display:none}}#banner{background-image:url(../../img/pages/occasions/banner.jpg)}#content{padding:0}
