@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
h1,h2,h3,h4,h5,h6{
    font-family: "Montserrat", sans-serif;
}
p{
font-family: "Roboto", sans-serif;
}
.header{
    background-color: #002366;
    border-bottom: 1px solid #fff!important;
}
.nav-link {
    color: #fff !important;
    font-family: "Montserrat", sans-serif;
}
.nav-link:hover {
    color: #fff !important;
}

.dropdown-menu.show {
    margin-top: 24px;
}



.carousel-item img{
    height: 500px;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20%;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}
.carousel-caption h5{
  font-size: 42px;
  text-transform: uppercase;
}

.carousel-caption p{
    font-size: 22px;
    
}

        
        .card-section {
            padding: 10px 0;
        }
        
        .custom-card {
            margin-bottom: 30px;
        }
        
        .dropdown-menu {
            border-radius: 0;
        }
        
        .navbar {
            padding: 15px 0;
        }

@media only screen and (max-width: 576px) {
    .dropdown-menu.show {
        margin-top: 0px !important;
        position: static !important;
        width: 100%;
        display: block;
    }
    .navbar-toggler {
    background: #fff!important;
   }

   .carousel-item img{
    height: 360px;
}


.carousel-caption {
    position: absolute;
    right: 5%;
    bottom: 0%;
    left: 5%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.carousel-caption h5{
  font-size: 22px;
  text-transform: uppercase;
}

.carousel-caption p{
    font-size: 14px;
    
}

}