.about p {
    max-width: var(--wrap-tx);
}
.about__bio,
.about__contact,
.about__portrait,
.about__website  { 
    margin-bottom: var(--x-xl);
}
.about__portrait  { 
    margin-top: var(--x-s);
}
.about__cv {
    font-size: var(--fs-s);
}

.about__cv-section {
    margin-bottom: var(--x-xl);
}

.about__cv-item {
    border-top: var(--border);
    padding: var(--x-xs) 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 1rem;
    row-gap: var(--x-xs);
}

.item-title {
    /* font-size: var(--fs-s); */
}

.about__cv-date {
    text-align: right;
}
@media only screen and (max-width: 960px) {
    .about__bio,
    .about__contact { 
        grid-column-end: span 9;
    }
    .about__portrait {
        grid-column-end: span 12; 
    }
    .about__cv-item {
        display: block;
       /* grid-template-columns: 1fr; */
    }
    .item-title {
        margin-bottom: var(--x-xs);
    }
    .about__cv-date {
        text-align: left;
    }
}
@media only screen and (max-width: 640px) {
    .about__bio,
    .about__contact,
    .about__portrait { 
        grid-column-end: span 12; 
    }
}