@media screen and (min-width: 768px) {
    .hero .slide a .row {
        position: static;
        height: 700px;
        overflow: visible;
    }
    .hero .slide a .row .row {
        height: auto;
        max-width: 1300px;
    }
    .hero .slide a .row .row .col {
        float: none;
    }
    .hero .slide a .row .slide-text {
        background: none;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 0;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        display: block;
    }

    .hero .slide a .row .slide-text .slide-text-inner {
        position: relative;
        width: 100%;
        
        height: auto;
        display: block;
        background: #660460;
        background: rgba(102,4,96,0.9);
    }

    .hero .slide a .row .slide-text .slide-text-inner .slide-text-copy {
        position: relative;
        bottom: 0;
        left: 0;
        margin: 0; padding-top: 40px; padding-bottom: 40px;
    }
    .hero .slide a .row .slide-text .slide-text-inner .slide-text-copy p.large { clear: left; }
    .hero .slide a .row .slide-text .slide-text-inner .slide-text-copy i {
        display: inline-block;
        color: #fff;
        font-size: 1.3em;
        margin: 0 0 0 8px;
    }
}

@media screen and (max-width: 767px) {
    .hero .slide a .row {
        position: static;
        height: auto;
        overflow: visible;
    }
    .hero .slide a .row .row {
        height: auto;
        max-width: 1300px;
    }
    .hero .slide a .row .row .col {
        float: none;
    }
    .hero .slide a .row .slide-text {
        background: none;
        position: static;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 0;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        display: block;
        
    }

    .hero .slide a .row .slide-text .slide-text-inner {
        position: relative;
        width: 100%;
        margin:0;
        height: auto;
        display: block;
        background: #660460;
        background: rgba(102,4,96,0.9);
    }

    .hero .slide a .row .slide-text .slide-text-inner .slide-text-copy {
        position: relative;
        bottom: 0;
        left: 0;
        margin: 0; padding-top: 20px; padding-bottom: 20px;
    }
    .hero .slide a .row .slide-text .slide-text-inner .slide-text-copy p.large { clear: left; }
    .hero .slide a .row .slide-text .slide-text-inner .slide-text-copy i {
        display: inline-block;
        color: #fff;
        font-size: 1.3em;
        margin: 0 0 0 8px;
    }
}

/* @media screen and (max-width: 767px) {
    .hero .slide a .row .slide-text {
        width:100%;
    }

    .hero .slide a .row .slide-text { right:0;background: #660460;
        background: rgba(102,4,96,0.9); padding-top: 20px; padding-bottom: 20px; }
    .hero .slide a .row .slide-text .slide-text-inner { margin:0;  }
    .hero .slide a .row .slide-text .slide-text-inner .slide-text-copy { }
} */

.hero .slide a .row .slide-text .slide-text-inner .slide-text-copy h1, .hero .slide a .row .slide-text .slide-text-inner .slide-text-copy h2 { font-size: 2.7em; }