html{
    padding-bottom: 200px;
}

.committee{
    font-weight: bold;
}

.scrolled{
    background-color: white;
    transition: background-color 200ms linear;
}

/* Group photo */
.group{
    height: 32vw;
    max-height: 600px;
    background-image: url("../img/committees/group.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* Committee */
.symcie{
    background: url("../img/swooshes/CvR.svg"), url("../img/swooshes/committee.svg");
    background-size: contain, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: bottom -1px right -1px, center;
    padding-bottom: 10vw;
    padding-top: 70px;
}

.commissioner{
    text-align: center;
    display: block;
}

.commissioner p{
    font-size: min(1.8rem, 8vw);
    text-align: center;
}

.commissioner .name{
    font-weight: bold;
    margin-bottom: 10px;
}

.commissioner .picture {
    border-radius: 100%;
    width: 60%;
    height: 60%;
}

.commissioner .function{
    height: 14rem;
}

.icons{
    margin-bottom: 70px;
}

.icons .icon{
    width: 20%;
    max-width: 55px;
}

.icons .icon img{
    width: 100%;
}

/* CoR */
.cor{
    padding-top: 50px;
}

.cor .title{
    font-weight: bold;
    font-size: 2.5rem;
    margin-bottom: 50px;
    text-align: center;
}

.cor .picture{
    width: 70%;
    min-width: 218px;
    border-radius: 100%;
}

.cor .function{
    font-size: 1.4rem;
    height: 100%;
}

.cor hr{
    width: 30%;
    margin-top: 30px;
    margin-bottom: 50px;
    background-color: #003a67;
}