body { background:#fff url('/images/background_shuttle.jpg') no-repeat fixed center center; font-size:0.85em }

@media (max-width: 576px) { h1.header { font-size:2.5em } }
@media (min-width: 768px) { h1.header { font-size:2.5em } }
@media (min-width: 992px) { h1.header { font-size:4.5em } }
@media (min-width: 1200px) { h1.header { font-size:5em } }

div#main a.nav-link { font-size:0.95em }

div.navbar-brand img.logo { width:auto; height:100px }
div.navbar-brand span.top-line { font-size:2.75em }
div.navbar-brand span.bottom-line { font-size:1.35em; margin-left:2px }

li.nav-item { font-size:1.25em }
.dropdown-submenu { position: relative }
.dropdown a { color:rgba(0,0,0,.5) }
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px }
.dropdown-submenu a.nav-item { padding: .25rem 1.5rem; }
.dropdown-submenu:hover>.dropdown-menu { display: block }
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: 10px }
.dropdown-submenu:hover>a:after { border-left-color: #fff }

     
a { text-decoration:none; font-weight: bold; color:#004c86 }
a:hover { text-decoration:none; color:black }
a.external:after { padding-left: 5px; content: url(/images/external.png); } 

.divider { background-color:#91b5da; margin-top:10px; margin-bottom:15px; border-radius:8px }
.divider p { text-indent:10px; padding:10px; color: #004c86; font-size:2.25em; line-height:50px }

h1, h2, h3, h4, h5, h6 { color:#004c86 }

.card { background:white; border-radius:10px; border-bottom: 8px solid #004c86 }
.card-img-top { height:200px; margin:auto; object-fit:cover; border-radius:10px 10px 0px 0px }

.btn { color:white; text-transform:uppercase; font-weight:bold }

.divider form { float:right; margin-right:10px; padding-top:10px; color:#fff }
.divider form input[type="text"], .divider form select { padding: 0 }

