*{
    padding: 0%;
    margin: 0%;
    font-family: Arial, Helvetica, sans-serif;
}
.navbar{
    top: 0%;
    position: fixed;
    z-index: 2;
    width: 100%;
    padding: 0%;
}
.navbar a[class="nav-link active"]{
    background-color: #95FAFF;
    border-bottom: 2px solid white;
}
.navbar .nav-link:hover{
    background-color: #DBE3E2;
}
.navbar-brand img{height: 30px; width: auto;}
hr{
    margin: 0% 30px;
}
main{
    padding: 20px;
}
header{
    margin-top: 30px;
    width: 100%;
    height: min-content;
    margin: 0%;
    overflow: hidden;
    align-items: center;
}
header img{
    width: 100%;
    height: auto;
    z-index: -1;
}
header h1{
    color: white;
    font-weight: 900;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
footer{
    overflow: hidden;
    background-color: rgb(30,30,30);
    width: 100%;
    padding: 15px;
    overflow: hidden;
}
footer *{
    margin: 10px auto;
    color: white;
}
footer h4, footer h5{
    text-decoration: underline;
    margin-bottom: 20px;
}
.footer-div{
    width: 320px;
    display: inline-block;
    vertical-align: top;
    margin: auto 10px;
    border-right: 1px solid white;
}
@media screen and (max-width:425px) {
    .footer-div li{
        font-size: 11px;
    }
    .footer-div{
        width: 95%;
    }
    footer{
        width: 100%;
    }
}