website-2018/css/about.css

.officers-image, .excomm-image, .senator-image, .sponsor-image {
    width: 100%;
    height: 20vh;
}

.officers-image:after, .excomm-image:after, .senator-image:after, .sponsor-image:after {
    width: 20vh;
    height: 20vh;
    content: '';
    display: block;
    position: relative;
    left: calc(50% - 10vh);
    background-image: url('../img/profile.jpg');
    background-size: contain;
    background-position: center;
    border-radius: 50%;
}

.officers-text, #excomm-desc, .excomm-text, #senators-desc, .senator-text, #sponsors-desc, .sponsor-text {
    font-size: 1.1em;
    color: #fff;
    width: 100%;
}

.officers-text > span, .excomm-text > span, .senator-text > span, .sponsor-text {
    font-size: 1.4em;
    font-weight: bold;
    display: inline-block;
    width: 100%;
}


.officers-intro, .excomm-intro, .senator-intro, .sponsor-intro  {
    text-align: center;
    margin: 2vw;
    flex-basis: calc(25% - 4vw);
    display: flex;
    flex-wrap: wrap;
}

#excomm-desc, #senators-desc, #sponsors-desc {
    margin: 0 7vw;
}

#officers, #excomm, #senators, #sponsors {
    display: flex;
    flex-wrap: wrap;
    
}

#officers > h2, #excomm > h2, #senators > h2, #sponsors > h2 {
    text-align: center;
}