.about {
min-height: 500px;
}

/* for logo sizing*/
.navbar-brand .logo,
.navbar-brand .logo-alt {
margin-top: -25px;
max-height: 100px; /* Initial larger size */
transition: max-height 0.3s; /* Add a smooth transition effect */
}

.navbar-brand .logo.smaller,
.navbar-brand .logo-alt.smaller {
margin-top: 0px;
max-height: 50px; /* Smaller size when scrolled */
}

#nav {
    padding: 30px 0px;
}