.recode-edge-hero-section {
    position: relative;
    padding: 120px 0 96px;
    overflow: hidden;
}
.recode-edge-hero-section .hero-il {
    position: absolute;
    right: -90px;
    top: 40px;
    width: min(620px, 58vw);
    opacity: .5;
    filter: saturate(.82);
    pointer-events: none;
    z-index: 0;
}
.edge-hero-content span {
    font-size: 12px;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 18px;
    display: inline-block;
}
.edge-hero-content h1 {
    margin-bottom: 34px;
}
.edge-hero-content h5 {
    max-width: 730px;
    width: 100%;
    font-size: 29px;
}
@media only screen and (min-width:1200px){
    .recode-edge-hero-section h1{
        font-size: 120px;
        line-height: 132px;
    }

}
@media only screen and (max-width:1199px){
    .recode-edge-hero-section {
        padding: 80px 0 80px;
    }
    .edge-hero-content h5 {
        font-size: 24px;
    }
}
@media only screen and (max-width:991px){
    .recode-edge-hero-section {
        padding: 60px 0 60px;
    }
}

@media only screen and (max-width:767px){

}