/** SECTION-HERO
==============================================*/

#contents-c50 .section-hero .hero {
    background-image: url(../images/hero-img.jpg);
}

#contents-c50 .section-hero .hero .figure {
    text-align: left;
    margin-left: 23%;
}

#contents-c50 .section-hero .hero .concept {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    color: #fff;
    padding-left: 12%;
}

#contents-c50 .section-hero .hero .concept p {
    margin-left: 0.75em;
}

@media only screen and (max-width: 640px) {
    #contents-c50 .section-hero .hero .page-title img.mobile-only {
        display: inline;
    }
}



/** SECTION-COMPACT
==============================================*/

#contents-c50 .section-compact .section-content {
    padding: 80px 0 100px;
}

#contents-c50 .section-compact .images .bottom {
    margin-top: 40px;
}

@media only screen and (max-width: 767px) {
    #contents-c50 .section-compact .images .bottom {
        margin-top: 10px;
    }
}



/** SECTION-CLEAR
==============================================*/

#contents-c50 .section-clear .section-content {
    padding: 100px 0 88px;
}

#contents-c50 .section-clear .description {
    margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    #contents-c50 .section-clear .content .text_area {
        margin-bottom: 1em;
    }
}




/** SECTION-DIGITAL
==============================================*/

#contents-c50 .section-digital .content .text_area {
    padding-top: 10em;
}

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

    #contents-c50 .section-hero .hero {
        background-image: url(../images/hero-img_spn.jpg);
    }

    #contents-c50 .section-hero .hero .concept {
        padding-left: 0%;
    }



    #contents-c50 .section-clear .description {
        margin-bottom: 0px;
    }

    #contents-c50 .section-digital .content .text_area {
        padding-top: 0em;
    }
}