.t-intro {
    overflow: hidden;
    margin-bottom: 2rem;
}

.t-intro__image {
    margin-bottom: 16px;
    padding-top: 60%;
    background-repeat: no-repeat;
    background-size: cover;
}

.t-intro__title {
    font-family: adellesanscondensedsemibold, 'Arial Narrow', Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 575px) {
    .t-intro__title--img {
        display: none;
    }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    .t-intro__title--img,
    .t-intro__text {
        width: 100%;
        max-width: 60rem;
        margin: 0 8rem -1px 2rem;
        padding: 1rem 2rem 0 2rem;
        background: #fff;
    }

    .t-intro__title--txt {
        display: none;
    }
}

@media screen and (min-width: 769px) {
    .t-intro {
        position: relative;
    }

    .t-intro__image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 58.333333%;
        padding: 0;
    }

    .t-intro__title--img {
        display: none;
    }

    .t-intro__text {
        position: relative;
        width: 58.333333%;
        margin-bottom: 8rem;
        padding: 0 32px 16px 0;
        background: #fff;
    }
}