.subcontent {
    background-color: #cae0d6;
    height: 2.5rem;
    position: sticky;
    z-index: 9998;
    top: 10.5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.subcontent nav {
    justify-content: center;
    gap: 0;
}

.subcontent a {
    width: 9rem;
    text-align: center;
}

.subcontent1 {
    background-color: #ffffff;
    height: max-content;
}

.subcontent2 {
    background-color: #43898b;
    height: max-content;

}

.subcontent3 {
    background-color: #ffffff;
    height: max-content;
}


.section-nav {
    background-color: #e6f7f8;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    box-shadow: 0 0 20px #9ef5fc, 0 0 40px #03e9fa;
    animation: glow 2s ease-in-out infinite alternate;

    position: sticky;
    top: 12vh;
    z-index: 9999;
}




@media (min-width: 1440px) {
    
   .banner-background {
    height: 20rem; 
   }

   .banner-background h1 {
    font-size: 38px;
    margin: 1rem;
   }


}