#heroCorp015 {
    border-top:100px solid #000;
    background: #6a7690 url('/themes/mathnasium/assets/images/bgs/bg-num-gry-v2.webp') no-repeat top;
    background-size:115%!important;
}

#heroCorp015 .flexCon {
    display:flex;
    flex-direction:column;
}
#heroCorp015 .c1 {
    order:2;
    background-color:#fff;
    padding:20px
}
#heroCorp015 .c1 h1 {
    font-size: 2.4rem;
    line-height: 1.1;
    color: #a62825;
    font-weight: 900;
}

#heroCorp015 .c2 {
    order:1;
    padding: 20px 40px;
    border-bottom:10px solid #cece35
}
#heroCorp015 .c2 img {width:100%}

@media (min-width:576px) {
    #heroCorp015 .c2 img {
        display:block;
        margin:0 auto;
        width:500px
    }
}

@media (max-width:767px) {
    #heroCorp015 .container,
    #heroCorp015 .row,
    #heroCorp015 .row > [class*=col] {
        padding:0;
        margin:0
    }
}

@media (min-width:768px) {
    #heroCorp015 {
        border-bottom:20px solid #cece35;
        height:460px;
        background-size:100%!important;
        background-position:center;
    }
    #heroCorp015 .container {
        padding:0 15px
    }
    #heroCorp015 .flexCon {
        flex-direction:row;
        flex-wrap:nowrap;
        align-items:center;
        height:auto
    }
    #heroCorp015 .c1 {
        order:1;
        width:60%;
        margin:20px 20px 30px 0;
        padding:15px;
    }
    #heroCorp015 .c1 h1 {
        font-size: 2.2rem;
        line-height: 1.05;
    }
    #heroCorp015 .primary-theme-btn {margin:0}
    
    #heroCorp015 .c2 {
        order:2;
        width:40%;
        padding:0;
        border:none
    }
    #heroCorp015 .c2 img {width:100%}
}
@media (min-width:992px) {
    #heroCorp015 {
        height:510px
    }
    #heroCorp015 .c1 {
        width:52%;
        padding:20px
    }
    #heroCorp015 .c1 h1 {
        font-size:2.45rem
    }
    #heroCorp015 .c2 {
        width:48%;
        padding:0 30px
    }
}
@media (min-width:1279px) {
    #heroCorp015 {
        height:540px
    }
    #heroCorp015 .flexCon {
        justify-content: space-around;
        margin-top:20px
    }
    #heroCorp015 .c1 {
        width:40%;
        margin:0;
        padding:25px
    }
    #heroCorp015 .c2 {
        width:43%;
        padding:0 40px 0 0
    }
}
@media (min-width:1400px) {
    #heroCorp015 {
        height:570px
    }
    #heroCorp015 .flexCon {
        justify-content: space-between;
        margin-top:30px
    }
    #heroCorp015 .c1 h1 {
        font-size:2.6rem;
    }
    #heroCorp015 .c1 {
        width:44%;
    }
    #heroCorp015 .c2 {
        width:44%;
        padding:0 80px 0 0
    }
}