html {
    position: relative;
    min-height: 100%;
}

body {
    background-color: #e6e6e4;
    color: #333333;

    margin-bottom: 60px; /* Margin bottom by footer height */
}
a{
    color: #4696d6;
}
.btn-primary {
    background-color: #4696d6;
    border-color: #4696d6;
    color: #e6e6e4;
}
    .btn-primary:hover {
        background-color: #84aed8;
        border-color: #84aed8;
    }

.navbar {
    background-color: #333333 !important;
    color: #e6e6e4 !important;
}
    .navbar .navbar-nav{
        margin-top: 1.5em !important;
    }
    .navbar li.nav-item .nav-link {
        color: #e6e6e4 !important;
    }
    .navbar a.navbar-brand {
        margin-top: 5px;
    }
    .navbar a:hover, .navbar button:hover {
        text-decoration: underline;
    }

    .navbar button.navbar-toggler {
        color: #e6e6e4;
        border-color: #e6e6e4;
        background-color: #e6e6e4;
    }

.container{
}

.jumbotron {
    background-color: #ffffff;
    padding: 1.2em 0;
}

.footer {
    background-color: #4696d6;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /* Set the fixed height of the footer here */
    line-height: 60px; /* Vertically center the text there */
}
    .footer a {
        color: #ffffff;
        text-decoration: none;
    }
        .footer a:hover {
            text-decoration: underline;
        }