.publicRelationDetail {
    margin-top: 2em;
    padding: 0;
}

.publicRelationDetail__name {
    font-weight: bold;
    color: #ef6079;
}

.publicRelationDetail__function {
    font-size: 8vw;
    font-weight: bold;
    color: #1b365d;
}

.publicRelationDetail__image {
    position: relative;
    display: block;
    width: 260px;
    height: 260px;
    margin: 0 auto 1.5em auto;
    border-radius: 50%;
    background: #ccc url(../../../img/profielfoto.png) center center no-repeat;
    background-size: cover;
}

.publicRelationDetail__details {
    text-align: center;
}

.publicRelationDetail__profile {
    flex-basis: 100%;
    margin-top: 3em;
}

.publicRelationDetail__profileText h2,
.publicRelationDetail__profileText h3 {
    color: #ef6079;
}

.publicRelationDetail__address {
    font-style: normal;
}

.publicRelationDetail__profileText ul {
    padding: 0;
}

.publicRelationDetail__profileText ul > li {
    margin: 0;
    list-style: none;
}

.publicRelationDetail__profileText ul > li:before {
    margin-right: 1.2em;
    content: "\e805";
    font-family: 'sociaalsportief', sans-serif;
}

.publicRelationDetail__action {
    padding-top: 2em;
}

.noRelationListNav .publicRelationDetail__action {
    display: none;
}

.mod_relation_detail .main {
    width: 90%;
    max-width: 1060px;
    margin: 0 auto;
}

.mod_relation_detail .main .article > h2,
.mod_relation_detail .main .article > div {
    width: 100%;
}

@media (min-width: 480px) {
    .publicRelationDetail__function {
        font-size: 5vw;
    }
}

@media (min-width: 800px) {
    .publicRelationDetail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .publicRelationDetail__image {
        margin: 0 1.5em 1.5em 0;
    }

    .publicRelationDetail__details {
        text-align: left;
    }

    .publicRelationDetail__function {
        font-size: 2.5em;
    }

    .mod_relation_detail .main .article > h2,
    .mod_relation_detail .main .article > div {
        width: 70%;
    }
}