.promo { background-image: url(/img/coming-soon-bg.jpg); min-height: 100vh; height: 100vh; position: relative; background-position: center right; background-repeat: no-repeat; }
.promo .inner { position: absolute; top: 50%; transform: translateY(-50%); }
.promo .inner .image-container {     max-width: 17.5rem;
    margin-bottom: 5rem; }
.promo .inner .image-container img { }
.promo .inner .title { max-width: 55rem; font-size: 4rem; font-weight: 400; margin-bottom: 2rem; color: #1D1D1B; }
.promo .inner .title span { display: block; font-size: 2.5rem; line-height: 1.25em; color: #1D1D1B; font-weight: 100; opacity: 0.75; }
.promo .inner p { font-size: 1.275rem; max-width: 50rem; margin: 0; }






@media(max-width: 992px){
    .promo {  background-position: center; }
    .promo .inner { position: relative; top: 0%; transform:unset; padding-top: 5rem;}
}



@media(max-width: 400px){
    .promo .inner { }
    .promo .inner .title {     font-size: 3.25rem;
        line-height: 1.125em; margin-bottom: 3rem; 
        font-weight: 400; }
    .promo .inner .title span {     font-size: 2rem;
        margin-top: 0.75rem; }
}