h1 {color:#2c87ea; font-weight:400;font-size:30px;}
h2 {color:#2c87ea; font-weight:400;font-size:26px;}
h3 {font-weight:400;font-size:22px;}
h4 {font-weight:400;font-size:20px;}
h5 {font-weight:400;font-size:20px;margin-bottom: 0rem;}
.display-6 {font-size: calc(1.275rem + 1.5vw);font-weight: 300;line-height: 1.2;}
.blue {color:#2c87ea;}
a {color:#2c87ea;}
.bluebutton {color: #fff;background-color: #2c87ea;font-size: 24px;}
a:not([href]) {color: #fff;}
.container {max-width: 800px;}
.navbar-brand {font-size: 26px;}
.topsec {border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;}
.topsec a {color:#2c87ea;cursor:pointer;}
.topsec a:hover {color:#2c87ea;text-decoration:underline;}
.topimg {background-repeat: no-repeat; background-position: right; background-size: contain;}
.jumbotron {margin-bottom:0px;padding-top:3rem;padding-bottom:3rem;background-color: transparent;}
.update {font-size: 0.8rem;text-align:center;}
.update a {color:#212529;}
.breadcrumb a {color:#212529;}
.btn.btn-outline-secondary {font-size: 26px;}
.topsec a {color:#2c87ea;cursor:pointer;}
.topsec a:hover {color:#2c87ea;text-decoration:underline;}
.display-5 {font-size: 2rem;font-weight: 300;line-height: 1.2;}
.calculator {padding:20px 20px 0px 20px;border:1px solid #6c757d;border-radius: .3rem;font-size: 18px;}
.results {color: #2c87ea;}
.txtbox {padding:0 15px 0 15px;border:1px solid #6c757d;border-radius: .3rem;color: #2c87ea;font-weight: 400;font-size: 22px;}
.route-container {position: relative;max-height: 700px;overflow: hidden;}
.route-overlay {position: absolute;bottom: 0;left: 0;width: 100%;height: 200px;background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%);display: flex;justify-content: center;align-items: flex-end;text-align: center;padding-bottom: 20px;}
.category-icon {max-width: 80px;max-height: 80px;}
.form-check {padding-left:0em;}
.form-check-label {display: block;padding: 12px;border: 1px solid #dee2e6;border-radius: 8px;margin-bottom: 10px;cursor: pointer;transition: background-color 0.2s, border-color 0.2s;}
.form-check-input {display: none;}
.form-check-input:checked + .form-check-label {background-color: #e7f5ff;border-color: #339af0;}
.form-check-label:hover {background-color: #f8f9fa;}
.form-check-label:active {background-color: #e2e6ea;}
.footer h4 {font-weight:400;}
.footer a {color:#212529;}
.footer li {margin:10px 0px;}

@media (max-width:767.98px){
.jumbotron {padding-top:1rem;padding-bottom:1rem;}
.jumbotron p {background: rgba(255, 255, 255, 0.5)}
.route-overlay {height: 300px;}
}