.main {

    padding-top:110px;

}

.main .content .person_image {

    width:35%;
    height:500px;
    float:left;
    position:relative;

}

.main .content .person_image img {

    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover;

}

.main .content .person_info {

    width:65%;
    min-height:10px;
    float:left;
    padding-left:50px;

}

.main .content .person_info h2 {

    padding:0;
    margin:0;
    width:100%;
    background-color:rgba(38,38,38,1.0);
    color:rgba(255,255,255,1.0);
    padding-top:5px;
    padding-left:5px;
    padding-bottom:5px;

}

.main .content .person_info .person_position {

    padding:0;
    margin:0;
    font-size:16px;
    font-weight:400;
    font-family:'Raleway',sans-serif;
    color:rgba(0,0,0,1.0);
    display:inline-block;
    margin-top:5px;
    font-style:italic;

}

@media screen and (max-width:700px) {

    .main .content .person_info {

        padding-left:20px;

    }

}

@media screen and (max-width:480px) {

    .main .content .person_info h2 {
    
        font-size:20px;
    
    }

}

@media screen and (max-width:413px) {

    .main .content .person_image {

        width:100%;

    }

    .main .content .person_info {

        width:100%;
        padding-top:20px;
        padding-left:0;

    }

}