body {
    overflow: hidden;
}

.bannerContainer {
    height: 20vh;
    display: flex;
}

.middleBannerContainer {
    height: 60vh;
    text-align: center;

    margin-left: 20%;
    margin-right: 20%;
}

.headshotMain {
    height: 20vh;
    border-radius: 100%;

    display: block;
    margin-left: auto;
    margin-right: auto;
    
    margin-top: 1vh;
    padding-bottom: 1vh;
}

.navigationContainer {
    /* height: 8vh; */
    /* margin-left: 20%; */
    /* margin-right: 20%; */
    
    display: flex;
    
    margin-left: 15%;
    margin-right: 15%;
    padding-top: 2vh;

}

.navigationItem {
    width: 33%;
}

.navigationItemImage {
    height: 7vh;
    border-radius: 50%;
    background-color: rgb(150,150,150);
}

.navigationItemImage:hover {
    background-color: rgba(250,250,250.7);
    transition-duration: .25s;
}

.bannerItemContainer--Large {

    width: 33.3%;
    font-size: 24pt;
    font-weight: bold;
    text-align: center;
    color: rgb(230,230,230);
    /* opacity: 70%; */
    
    /* padding-top: 2vh; */
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
    cursor: pointer;
}

.bannerItemContainer--Small {

    width: 25%;
    font-size: 24pt;
    font-weight: bold;
    text-align: center;
    color: rgb(230,230,230);
    /* opacity: 70%; */
    
    /* padding-top: 2vh; */
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
    cursor: pointer;
}

.sectionText {
    background-color: rgba(5,5,5,.7);
    /* padding-top: 1vh; */
    /* padding-bottom: 2vh; */
    
    height: 16vh;
    margin-top: 0%;
    padding-top: 4vh;
    /* margin-top: 2vh; */
}

.sectionText:hover {
    background-color: rgba(175,175,175,.1);
    transition-duration: .5s;

    text-shadow: -7px 0px 8px black;
}

.navigationSubtitle {
    font-size: 18pt;
    font-weight: 100;
    font-style: italic;
}

#sectionImage--Scholar {
    background-image: url(../assets/field_scholar.jpg);
}

#sectionImage--Professor {
    background-image: url(../assets/field_educator.jpg);
}

#sectionImage--handyman {
    background-image: url(../assets/field_craftsman.jpg);
}

#sectionImage--Athletic {
    background-image: url(../assets/field_athletics.jpg);
}

#sectionImage--Musician {
    background-image: url(../assets/field_muhsician.jpg);
}

#sectionImage--Software {
    background-image: url(../assets/field_software.jpg);
}

#sectionImage--AV {
    background-image: url(../assets/field_av.jpg);
}