#new-office .parallax-image {background-image: url(https://143811389.fs1.hubspotusercontent-eu1.net/hubfs/143811389/newcms.png);-webkit-background-size: cover; -moz-background-size: cover;background-size: cover;}
#new-office .parallax-section .parallax-image {height: 300vw;}

.NewOffice .flexWrap > div{padding:5px; position:relative;}
.NewOffice .caption {position: absolute;right: 0px;bottom: 5px;padding: 3px 20px;font-size: 20px;line-height: 26px;color: #fff;background-color: rgba(0, 0, 0, 0.3);}
.NewOffice .flexWrap img{height:100%; object-fit: cover;}
.TwoColBox > div{ position:relative;} 
.TwoColBox > div .caption{bottom:0}
.TwoColBox > div:first-child{ margin-bottom:10px;}
.col-right.col-6 img{object-position: right;}

#new-office .ts-hero-technical {padding-bottom: 80px;}
#new-office .ts-hero-technical h1{font-size:3rem}
#new-office .ts-hero-technical .col-8{width:100%:}
#new-office .ts-hero-technical .col-4{display:none;}

@media screen and (max-width: 1200px) {
#new-office .ts-hero-technical h1 {
    font-size: clamp(32px,32px + (36 - 32) * ((100vw - 850px)/(1200 - 850)),36px) !important;
  }
  #new-office .ts-hero-technical {padding-bottom: 60px;}
}

@media screen and (max-width: 1023px) {
  .NewOffice .col-6{width:100%;}
  .NewOffice .col-4{width:50%;} 
  #new-office .ts-hero-technical {padding-bottom: 40px;}
  .full{width:100% !important;}
}

@media screen and (max-width:850px) {
  .NewOffice .col-6, .NewOffice .col-4,.NewOffice .col-8{width:100%;}
  .NewOffice .flexWrap img{height: auto;object-fit: contain;}
}

@media screen and (max-width:767px) {
  .NewOffice .caption{font-size:16px;}
}