section#layout-content > section#heroCorp013 {
    border-top:100px solid #000;
    position:relative;
    background-image: url(/themes/mathnasium/assets/promos/staar-tx/bg-nums.webp);
    background-repeat:repeat-x;
    background-size:290px;
    margin-bottom:20px
}

#heroCorp013 .c1 {
    width:100%;
    order:2
}
#heroCorp013 .c1-inner {
    padding:20px;
    background-color: #fff;
}
#heroCorp013 .c1-inner h1 {
    color: #000;
    font-weight: 900;
    font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: -1px;
    text-transform:none;
}
#heroCorp013 .c1-inner p {
    font-size: 1.15rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.5px;
}
#heroCorp013 .c1-inner ul {
    list-style: none;
    padding-left: 5px;
}
#heroCorp013 .c1-inner li {
    display: flex;
    font-weight: 800;
    letter-spacing: -0.1px;
    margin-bottom: 0.5rem;
}
#heroCorp013 .c1-inner li:before {
    font-family: FontAwesome;
    content: "\f00c";
    margin-right: .5rem;
}

#heroCorp013 .c1-inner .staar-logo {display:none}
#heroCorp013 .ctaCon a.btnCTA,
#heroCorp013 .ctaCon a.primary-theme-btn {
    display:block;
    margin:0 auto;
    text-align:center;
    font-family: "Nunito Sans", 'Avenir', Helvetica, Arial, sans-serif;
}
#heroCorp013 .ctaCon a.btnCTA {
    width:60%;
    max-width:300px;
}

#heroCorp013 .c2 {
    width:100%;
    order:1;
    position:relative;
    height:270px;
    overflow:hidden;
}
#heroCorp013 .c2 img {
    position:absolute;
    display:block;
}
#heroCorp013 .c2 img.img01 {
    width: 51%;
    left: 22px;
    top: 16px;
}
#heroCorp013 .c2 img.img02 {
    width: 46%;
    right: 50px;
}
#heroCorp013 .c2 img.staar-logo {
    width: 35%;
    max-width:150px;
    bottom: 10px;
    right: 23px;
    border: 5px solid #fff;
}

@media (min-width:576px) {
    section#layout-content > section#heroCorp013 {background-size:385px}
    #heroCorp013 .c2 {height:360px;width:576px;margin:0 auto}
    #heroCorp013 .c2 img.img01 {width:295px}
    #heroCorp013 .c2 img.img02 {width:270px}
}

@media (min-width:768px) {
    section#layout-content > section#heroCorp013 {margin-bottom:30px}
}

@media (max-width:991.95px) {
    #heroCorp013 .container {
        padding:0 12px;
        max-width:none
    }
    #heroCorp013 .c1 {
        padding:0;
        background-color: #fff;
    }
}

@media (min-width:992px) {
    section#layout-content > section#heroCorp013 {
        background-size:510px;
        height:570px;
        overflow:hidden;
    }
    #heroCorp013 .c1 {
        display:flex;align-items:center;
        width:42%;
        height:500px;
        padding:0;
        order:1;
    }
    #heroCorp013 .c1-inner {
        border-top: 10px solid #EBE70E;
        padding:20px;
        background-color: #fff;
        box-shadow: 0 0 5px lightgrey;
    }
    #heroCorp013 .c1-inner h1 {
        font-size: 2.3rem
    }
    #heroCorp013 .c1-inner p {
        font-size: 1.2rem;
        line-height: 1.25;
    }

    #heroCorp013 .ctaCon {
        display:flex;
        align-items:center;
    }
    #heroCorp013 .ctaCon img {
        width:180px
    }

    #heroCorp013 .c2 {
        width:55%;
        height:480px;
        position:relative;
        order:2
    }
    #heroCorp013 .c2 img.img01 {
        width:57%;
        left:10px;
    }
    #heroCorp013 .c2 img.img02 {
        width:54%;
        right:30px;
    }
    #heroCorp013 .c2 img.staar-logo {
        max-width:170px;
        bottom:30px;
        right:10px;
    }

    #sImgLtLstRt .heading {
        font-size: 2.3rem;
    }
}

@media (min-width:1200px) {
    #heroCorp013 .container {
        max-width: 1140px;
    }
    #heroCorp013 .c1 {
        width:45%;
        height:490px;
    }
    #heroCorp013 .c1-inner h1 {
        font-size: 2.5rem
    }
    #heroCorp013 .c1-inner .staar-logo {display:block}

    #heroCorp013 .ctaCon img {
        width:40%
    }
    #heroCorp013 .ctaCon a.btnCTA {
        width:auto;
        max-width:none;
        margin:0 0 0 auto
    }
    #heroCorp012 .ctaCon a.primary-theme-btn {margin:0 20px}

    #heroCorp013 .c2 img.img01 {
        left:30px;
    }
    #heroCorp013 .c2 img.img02 {
        right:0;
    }
    #heroCorp013 .c2 img.staar-logo {display:none}
}

@media (min-width:1400px) {
    section#layout-content > section#heroCorp013 {height:600px}
    #heroCorp013 .ctaCon a.btnCTA {
        padding: 15px 25px;
    }
    #heroCorp013 .c2 img.img01 {
        width: 51%
    }
    #heroCorp013 .c2 img.img02 {
        width:49%;
        right:65px
    }
}