.about-photo {
    background: #000;
    width: 200px;
    height: 200px;
    margin: 20px;
    float: left;
}

.about-heading {
    padding-right: 20px;
    max-width: 750px;
    display: grid;
}

.name {
    max-width: 410px;
    display: inline-block;
}

.about-title {
    margin-top: 60px;
    display: block;
}

.about-content {
    width: 100%;
    clear: both;
}

.about-work-info-block {
    margin: 20px;
}

.about-info-block {
    margin: 20px 45px;
}

.years {
    float: left;
    height: 120px;
    width: 110px;
    margin-right: 10px;
    text-align: right;
}

.job {
    padding-left: 10px;
    border-left: 1px solid #898989;
    display: grid;
}

@media screen and (max-width:705px) {
    
    .about-photo {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        display: block  !important;
    }
    
    .about-heading {
        position:relative !important;
        float: none !important;
        display: block  !important;
    }
    
}