.heroCorp008 {
    border-top: 100px solid #000;
    margin:0;
    padding:0;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.heroCorp008 .contentCont {
    border-top: 10px solid #EBE70E;
    background: #fff;
    padding: 20px;
    max-width: unset;
}

.heroCorp008 .contentCont .title {
    font-size:34px;font-weight:900;line-height:1.2;
    color:#000;text-transform:none;margin-bottom:20px
}

.heroCorp008 .description {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
}
.heroCorp008 .primary-theme-btn {
    cursor: pointer;
    margin: 0;
}
.heroCorp008 .mobileHeroContainer {
    position:relative;
    height:50vw;max-height:400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .heroCorp008 > .container {
        padding: 0;
        max-width: unset;
    }
}

@media (min-width: 768px) {
    .heroCorp008 {padding-bottom:20px}
    .heroCorp008 .mobileHeroContainer {display:none}
    .heroCorp008 .contentCont {
        background:rgba(255,255,255,.8);padding:20px;margin-top:30px;width:90%
    }
    .heroCorp008 .contentCont .title {font-size:38px;line-height:45px;letter-spacing:-1px}
    .heroCorp008 .description {font-size:24px;line-height:32px}
}

@media (min-width: 992px) {
    .heroCorp008 .contentCont {margin-top:50px;width:70%}
    .heroCorp008 .contentCont .title {font-size:43px;line-height:53px;letter-spacing: -1px;}
}

@media (min-width: 1279px) {
    .heroCorp008 .contentCont {width:60%}
}

@media (min-width: 1400px) {
    .heroCorp008 .contentCont {width:55%}
}