.hero{align-items:center;background-color:#1a365d;color:#fff;display:flex;height:620px;justify-content:center;overflow:hidden;position:relative;text-align:center}.hero:after{background:rgba(26,54,93,.7);content:"";z-index:1}.hero:after,.hero__picture{inset:0;position:absolute}.hero__img{display:block;height:100%;mix-blend-mode:multiply;object-fit:cover;object-position:center;width:100%}.hero__content{max-width:800px;padding:2rem;position:relative;z-index:2}.hero__title{color:#fff;font-size:4rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;margin-top:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero__subtitle,.hero__title{font-family:Playfair Display,serif}.hero__subtitle{color:#c89b3c;font-size:1.5rem;font-style:italic;margin-bottom:2rem}.hero__btn{background-color:#1a365d;border:2px solid #1a365d;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;letter-spacing:.5px;padding:12px 24px;text-decoration:none;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.hero__btn:hover{background-color:#102a4e;border-color:#102a4e}.hero__btn--outline{background-color:transparent;border-color:#fff;color:#fff}.hero__btn--outline:hover{background-color:#fff;border-color:#fff;color:#1a365d}@media (max-width:47.99em){.hero{height:460px}.hero__title{font-size:2.5rem}.hero__subtitle{font-size:1.2rem}}@media (max-width:28.115em){.hero{height:320px}.hero__title{font-size:2rem}}