:root{
    --bgColor: #fdfdfd;
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    background-color: var(--bgColor);
}
.shadow {
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1);
}
.btn-danger {
    color: #fff;
    background-color: #f00000;
    border-color: #dc281e;
}
.masthead {
    background: #3398E1;
    height: auto;
    padding-bottom: 15px;
    box-shadow: 0 16px 48px #E3E7EB;
    padding-top: 10px;
}
.brand-logo {
    width: 55%;
}
.nav-link:hover{
    border-bottom: 2px solid #00103A;
}
.top-overlay{
    background-color: #FDC819;
    color: #1c4e73;
    font-weight: bolder;
    text-shadow: 1px 0 #1c4e73;
    letter-spacing: 1px;

}
.title{
    font-size: 30px;
    cursor: pointer;
}
.page-container{
    min-height: calc(100vh - 42px);
}
footer{
    min-height: 42px;
    width: 100%;
    background-color: #37680f;
    overflow: auto;
}
.green-footer p{
    float: left;
}

.icons{
    float: right;
    font-size: 20px;
}
.icons a, .icons a:link, .icons a:visited, .icons a:active{
    color: white;
}
.icons a:hover{
    color: #FDC819;
}
.bg-green{
    background-color: #37680f;
}