.person-snippet {
    text-align: left;
    display: inline-block;
    max-width: 400px;
}

.person-snippet__img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    border-radius: 5px;
}

.person-snippet__name {
    font-weight: 600;
}


.person-snippet__position { 
    font-style: italic;  
    color: #585858;
}

.person-snippet__level {
    margin-top: 6px;
    font-size: 10px;
    color: #7b7b7b;
}

.person-snippet__link {
    margin-top: 0.26em;
}

.person-snippet__link a,
.person-snippet__link a:visited { 
    text-decoration: none;
    color: #7b7b7b;
}

.person-snippet__link a:hover {
    color: #0872ba;
}


@media (min-width: 768px) {
    .person-snippet__level {
        font-size: 11px;
    }
}

@media (min-width: 1024px) {
    .person-snippet__level {
        font-size: 13px;
    }
}


@media (min-width: 1200px) {
    .person-snippet__level {
        font-size: 13.5px;
    }
}