/* Move down content because we have a fixed navbar that is 50px tall */
body {padding-top: 10px; padding-bottom: 20px;}

/* 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, textarea {width:350px;}
input[type="radio"] {width:25px;}
select {width:350px;}
input[type=checkbox] {width:auto; max-width:unset; margin: 10px 5px 10px 0;}

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

/* theme.css overrides */
@media (max-width: 576px) {
    .row {margin-right: 0 !important; margin-left: 0 !important; margin-bottom: 10px !important;}
    .col-12 {padding: 0 0 0 5px !important;}
    .container {padding: 0 5px !important;}
    input[type=checkbox] {margin: 20px 2px 5px 0;}
}

/*Overrides */
h1 {font-size: 64px; color: #ffffff; font-weight: 700;}
h1, h3, h4 {line-height: 1.5;}
.jumbotron {background-color: #004785;}
.jumbotron h1, h3, h4 {color:#ffffff;}
.btn-primary {border-color: #004785; background-color: #004785;}
.btn-primary:hover {color: #004785; background-color: #f4f4f4;}
.left {text-align:left !important;}
.center {margin: 0 auto; text-align: center;}
.radius {border-radius: 4px;}
.logo-color {}
.submit-btn {margin-top: 20px;}
.radio-btn {margin: 0 4px;}
.row {margin: 10px 0;}
.btn {text-decoration: none; text-shadow: 1px 1px 1px black;}
.container {max-width:576px !important;}
.question-border {border-top:1px solid #000; padding-top:5px;}