/* Move down content because we have a fixed navbar that is 50px tall */

:root {
    --text-color: darkgreen;
    --btn-color: white;
    --btn-bk-color: white;
    --color5: #00070a;
    --color4: #294552;
    --color3: #597884;
    --color2: #acc4ce;
    --color1_OD: #E1EEE1;
    --light: white;
    --color1: rgba(122,192,218,0.2)
}



html, body, form, container {
    height: 100%
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
    color: var(--color4);
    font-family: 'Roboto', sans-serif;
    background-color: var(--color1)
}

.btn{
    background-color:var(--color4);
    color:var(--light)
}

.modal-header {
    background-color: var(--color4);
    color: var(--light)
}
.modal-content{
    border:none;
}
.close {
    color: var(--light)
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}