/* begin visit feature */

@media print, screen and (min-width: 40em) {
    .feature-text {
        background-position:0 -30px;
        background-size:100%;
    }
}

.feature-text {
    background-image:url(https://miamioh.edu/regionals/about/polytechnic/_images/polytech-hero-1200x400.jpg);
    background-size:cover;
    background-position:0 0;
}

.feature-text .feature-text__copy h2 {
    color: #fff;
    font-family: freight-display-pro,serif;
    font-size: 46px;
    font-weight: 400;
    line-height: 57px;
    padding-top: 13px;
}

@media print, screen and (min-width: 64em) {
    .feature-text .feature-text__copy h2 {
        font-size: 54px;
        font-weight: 300;
        line-height: 66px;
    }
}

.feature-text .feature-text__copy h2 span {
    display:block;
    font-family: proxima-nova,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
    padding-top: 30px;
    letter-spacing: .015625rem;
}

.feature-text__image-container {
    width: 120px;
    height: 120px;
    position: absolute;
    top: -120px;
    z-index: 3;
    background: url("https://miamioh.edu/regionals/about/polytechnic/_images/polytech-hero-1200x400.jpg");
    background-position:top;
    border-radius: 60px;
    padding: 36px;
    left: calc(50% - 60px);
    outline:2px solid #fff;
    outline-offset:-16px;
}

@media print, screen and (min-width: 64em) {
    .feature-text__image-container {
        top: -140px;
    }
}

@media print, screen and (min-width: 72em) {
    .feature-text__image-container {
        top: -160px;
    }
}

.feature-text .feature-text__container .feature-text__inner .feature-text__image-container .feature-text__image {
    width:auto;
    margin:auto;
}
/* end visit feature */