.fixed-top{
    background: #3D5CA3 !important;
    color: #fff;
}
.nav-link{
    color: white;
    text-transform: uppercase;
    padding-right: 2rem;
    font-size: 1rem;
    font-weight: 600;
    padding-right: 2rem;
}
.navbar-brand{
    font-size: 1.5rem;
    font-weight: 700;
    color: #f9f2f2;
}
.navbar-nav{
    padding-bottom: 1rem;
    padding-left: 2rem;
    text-align: right;
}
.nav-link:hover{
    border-bottom: 1px solid #5552f2;
}
#herosection{
    text-align: center;
    padding-top: 255px;
}
.pad{
    padding-top: 96px;
}
.navlink{
    padding-top: 51px;
}
/* Footer */
ul{
    display: flex;
    list-style: none;
    justify-content: center;
    padding-left: 10px;
}
ul li{
    flex-direction: row;
}
ul li a{
    text-decoration: none;
    color: #b5b2b2;
    padding: 10px;
}
ul li a:hover{
    color: #f9f2f2;
}
.hero{
    padding-top: 44px;
}
td{
    padding: 21px !important;
}
th{
    font-size: 1.2em;
    padding: 18px !important;
}
.gallery{
    background-color: #dbddf1;
    padding: 80px 0;
}
img{
    max-width: 100%;
}
.gallery img{
    background-color: #fff;
    padding: 15px;
    width: 100%;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    cursor: pointer;
}
#gallery-modal .modal-img{
    width: 100%;
}