#hero{
    /* z-index: -1; */
    margin: 0;
    padding: 0;
    height: 400px;
    width: 100%;
    background: url("../images/shooter-1a.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;
    box-shadow: inset -1px -1px 10px rgba(0, 0, 0, 0.801);
}

#history > div {
    background-color: #fff;
    width: 80%;
    border-radius: 8px;
    margin: -4rem auto 1rem auto;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.401);
    padding: 0.5rem 0rem 1rem 0rem;
}

#history > div h1 {
    font-size: 2rem;
    text-align: center;
}

#history > div p {
    width: 80%;
    padding: 0.5rem;
    margin: 0.5rem auto;
}

.slide-up{
    opacity: 0;
    transform: translateY(2rem);
    transition: transform 0.5s ease-in,
    opacity 0.5s ease-in;
}

#committee > h1,
#subCommittee > h1 {
    font-size: 2rem;
    text-align: center;
}

#committeeTeam{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    width: 80%;
    margin: auto;
}

.profile{
    width: 24%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.profile > h3,
.profile > h4{
    text-align: center;
    margin-top: 0.5rem;
}

img.profileImage{
    width: 180px;
    border-radius: 50%;
    filter: grayscale(80%) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.3));
    scale: 1;
    transition: filter 0.5s ease-in,
    scale 0.3s ease-in;
}

img.profilePop{
    filter: drop-shadow(8px 8px 10px rgba(0, 0, 0, 0.3));
    scale: 1.05;
    
}

.appear{
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 1050px){
    .profile{
        width: 30%;
    }
}

@media (max-width: 750px){
    .profile{
        width: 39%;
    }
    
    img.profileImage{
        width: 100%;
    }
    
    .profile > h3,
    .profile > h4{
        font-size: 0.8rem;
    }
}

@media (max-width: 450px){
    .profile > h3,
    .profile > h4{
        font-size: 0.6rem;
    }
}