#page-hero{background-size:cover;background-position:center center;background-repeat:no-repeat; box-shadow:inset -50% 0 0 rgba(0,0,0,0.8);width:100%;height:calc(100vh - 80px);margin-top:80px;}
#page-hero[style*="EngagementModel"] {background-size: contain;}

#page-hero .title-block{height:100%;width:50%;float:right;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:6vw;background:rgba(0,0,0,0.8);color:#fff;}
#page-hero .title-block .copy{width:100%;max-width:450px;}
#page-hero .title-block h1,#page-hero .title-block h2,#page-hero .title-block p{color:#fff;}
#page-hero .title-block h1{font-size:32px;margin-bottom:0;}
#page-hero .title-block h2{font-size:26px;margin-top:0;}
#page-hero .title-block p{font-size:20px;margin-top:1.5em;}

@media only screen and (min-width:1921px){
  #page-hero{margin-top:6vw;}
  #page-hero .title-block{padding:0 10vw;}
  #page-hero .title-block .copy{max-width:40vw;}
  #page-hero .title-block .copy h1{font-size:1.8em;}
  #page-hero .title-block .copy h2{font-size:1.3em;}
  #page-hero .title-block .copy p{font-size:1em;}
}

@media only screen and (max-width:1100px){
  #page-hero .title-block h1{font-size:1.5em;margin-bottom:0;}
  #page-hero .title-block h2{font-size:1.25em;margin-top:0;}
  #page-hero .title-block p{font-size:1em;margin-top:1.5em;}
}

@media only screen and (max-width:760px){
  #page-hero { height: auto; padding-top: 50vh; }
  #page-hero[style*="EngagementModel"] {background-size: 200%; background-position: left 10%;}
  #page-hero .title-block {float: none; width: auto; height: auto;}
}