.info {
    width: 86%;
    margin: 40px auto;
}

    .info > .left {
        width: 200px;
        float: left;
    }

        .info > .left > img {
            width: 200px;
        }

        .info > .left > .name {
            text-align: center;
            color: #CC9933;
            font-size: 18px;
            padding: 10px 0;
        }

        .info > .left > .intro {
            font-size: 13px;
        }

    .info > .right {
        width: calc(100% - 260px);
        float: right;
    }

@media (max-width: 880px) {
    .info > .left {
        width: 100%;
        float: none;
        text-align: center;
    }

        .info > .left > img {
            max-width: 100%;
        }
        .info > .left > .intro {
            color:#666;
        }

    .info > .right {
        width: 96%;
        margin:20px auto;
        float: none;
    }
}