.ph-hero-image{
    position:relative;
}
.ph-hero-image img.full-width{
    width:100%;
    height:auto;
}
.ph-hero-image-layer{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 68.4%);
}
.ph-hero-content{
    position:absolute;
    top:0;
    left:0;
    right: 0;
    z-index:20;
}
.ph-hero-pretitle{
    margin-bottom:4.2rem;
}
.ph-hero-title{
    margin:0;
    padding:0;
}
.ph-hero-subtitle{
    margin: 2.4rem 0 0 0;    
}
.ph-hero-link{    
    margin-top:3rem;    
}

/* LAYOUT 1 */
.ph-hero-layout1 .ph-hero-content{
    padding-top:11.9rem;
}
.ph-hero-layout1 .ph-hero-title,
.ph-hero-layout1 .ph-hero-subtitle{
    max-width: 37.4%;
}
@media screen and (min-width: 1700px) {    
    .ph-hero-layout1 .ph-hero-title{
        font-size:13rem!important;
    }
    .ph-hero-layout1 .ph-hero-subtitle{
        font-size:2.5rem!important;
    }
}
@media screen and (min-width: 2200px) {    
    .ph-hero-layout1 .ph-hero-title{
        font-size:15rem !important;
    }
    .ph-hero-layout1 .ph-hero-subtitle{
        font-size:4rem !important;
    }
}
@media screen and (max-width: 1200px) {    
    .ph-hero-layout1 .ph-hero-title,
    .ph-hero-layout1 .ph-hero-subtitle{
        max-width: 60%;
    }
}

/* LAYOUT 2 */
.ph-hero-layout2 .ph-hero-content{
    padding-top:29.1rem;
}
.ph-hero-layout2 .ph-hero-title,
.ph-hero-layout2 .ph-hero-subtitle{
    max-width: 85%;
}

@media (max-width: 1200px){
   
}

@media (max-width: 1024px){
    
}

@media (max-width: 767px){
    .ph-hero-layout1 .ph-hero-title, 
    .ph-hero-layout1 .ph-hero-subtitle {
        max-width: 100%;
    }
    .ph-hero-layout1 .ph-hero-content{
        padding-top:12.2rem;
    }
    .ph-hero-subtitle{
        margin: 4.3rem 0 0 0;    
    }
    .ph-hero-layout2 .ph-hero-content {
        padding-top: 12.1rem;
    }
}