body {
    background-image: url("imgs/nav_bg.jpg");
    background-size: contain;
    /* background-color: rgba(4,33,87,0.1); */
    font-family: "Nunito", sans-serif;
}
@media only screen and (max-width: 4000px) {
    #header {
        padding-top: 0;
    }
 }

 @media only screen and (max-width: 950px) {
    #header {
        padding-top: 15%;
    }
 }

 @media only screen and (max-width: 768px) {
    #header {
        padding-top: 20%;
    }
 }

 @media only screen and (max-width: 540px) {
    #header {
        padding-top: 25%;
    }
 }

 @media only screen and (max-width: 360px) {
    #header {
       padding-top: 30%;
    }
 }
 @media only screen and (max-width: 140px) {
    #header {
       padding-top: 40%;
    }
 }

    /* .navbar {
        background: rgba(4,33,87,0.8);
    }
    .navbar.scrolled {
        background: rgba(4,33,87,0.5);
        transition: background 500ms;
    } */

#mainNavbar { 
    background-color: rgba(4,33,87,0.3);
    color: white;
    font-size: 1.5rem;
    font-weight: 100;    
}

#mainNavbar .nav-link {
    color: #211d2e;
    font-size: 1rem;
}

#mainNavbar .nav-link:hover {
    color: white;
}

#mainNavbar .navbar-brand {
    color: white;
    font-size: 1.5rem;
}

#nav_logo{
    height: 5rem;
    width: 5rem;
}
#header{
    /* padding-top: 35%; */
    margin: auto;
}
.navbar.scrolled {
    background: rgba(4,33,87,0.8);
    transition: background 500ms;
}
.navbar {
    text-align: center;
    display: inline-block;
    float: none;
    background: rgba(0,0,0,0.3);
}

#headerVid{

    width:100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
h3{
    align-items: center;
}
#about {
    color: rgb(4,33,87);
    background-image: url("imgs/bg3.jpg");
    background-size: contain;
    background-color: white;
    font-family: "Nunito", sans-serif;
    align-self: center;
    text-align: center;
    height: 100%;
    width: 100%;
    padding: 20%;
    margin: 0;
}
#address{
    margin-top: 10%;
}