*, *:before, *:after {box-sizing: border-box;}
body {max-width: 1200px !important; margin-right: auto; margin-left: auto; overflow-y: scroll;}
.extra {font-size: 2.5em; color: #0a0a0a !important;}
@media screen and (max-width: 64em) {.extra {font-size: 2em;}}
@media screen and (max-width: 50em) {.extra {font-size: 1.5em;}}
@media screen and (max-width: 30em) {.extra {font-size: 1em;}}
.special {font-size: 1.25em; color: #0a0a0a !important;text-align:center;}
@media screen and (max-width: 64em) {.special {font-size: 1.25em;}}
@media screen and (max-width: 50em) {.special {font-size: 1.2em;}}
@media screen and (max-width: 30em){.special {font-size: 1.1em;}}
.attention {font-size: 1.75em; color: #0a0a0a !important;text-align:center;}
@media screen and (max-width: 64em) {.attention {font-size: 1.5em;}}
@media screen and (max-width: 50em) {.attention {font-size: 1.2em;}}
@media screen and (max-width: 30em){.attention {font-size: 1em;}}
.callout {font-size: 3em; color: #0a0a0a !important;}
@media screen and (max-width: 64em) {.callout {font-size: 2.5em;}}
@media screen and (max-width: 50em) {.callout {font-size: 2em;}}
@media screen and (max-width: 30em){.callout {font-size: 1.2em;}}

.btn-outline-secondary {font-size: 1em; }
@media screen and (max-width: 64em) {.attention {font-size: 1em;}}
@media screen and (max-width: 50em) {.attention {font-size: 0.9em;}}
@media screen and (max-width: 30em){.attention {font-size: 0.8em;}}

.alert-extra {color: #383d41; background-color: #ffd161; }
.highlight {color: #df9d00 !important; font-weight: bold;}
.jumbotron {padding: 2rem 2rem !important; margin-bottom: 2rem !important; background-color: #ffd161 !important; border-radius: 0.3rem;}
.navbar {max-width: 1200px !important; margin-right: auto; margin-left: auto;}
.bg-green {background-color: #f9ffe1 !important; }
.footernav {padding: 1em 1rem; font-size: 0.7rem; color: #232323 !important; margin: auto; }
.dropdown-item.active, .dropdown-item:active {color: #fff !important; text-decoration: none; background-color: #9dbb02 !important;}
a.active, a:active {color: #fff !important; text-decoration: none; background-color: #9dbb02 !important;}
.breadcrumb {padding: 0.3rem 0.5rem !important; margin-bottom: 1rem; list-style: none; background-color: transparent !important; border-bottom: 1px solid #DCDCDC !important; font-size: 0.9rem !important; 
border-radius: 0 !important; margin-bottom: 2rem !important; font-weight: bold !important;}
.breadcrumb-item.active {color: #df9d00 !important; font-size: 1rem !important;}
.topnav-right {float: right !important; font-size: 0.8rem !important;}
.card {background-color: #F5F5F5 !important;}
.card-header {background-color: #F5F5F5 !important; color:#000 !important; }
.sidebar {color: #232323 !important; font-size: 80% !important;}
h1, .h1 {color: #df9d00 !important; font-size: 1.7rem !important; font-weight: bold !important; padding: 10px 0 10px 0 !important;}
h2, .h2 {color: #7e7e7e !important; font-size: 1.2rem !important; font-weight: bold !important;}
h3, .h3 {font-size: 1rem !important; font-weight: bold !important; color: #df9d00 !important;}
h4, .h4 {font-size: 1rem !important; font-weight: bold !important; color: #7e7e7e !important;}
.bcollapse {background-color: #F5F5F5 !important; color: black !important; border: 0 !important;  font-size: 1rem !important; padding: 10px 0 10px 10px !important;}
.card-body {background-color: #FFF !important; color: #6c757d !important; font-size: 0.8rem !important;}
#footer {margin-top: 5% !important; background-color: #f9ffe1 !important; padding: 5% !important;}
ul.square {list-style-type: none !important; font-size: 1rem !important; line-height: 1.8rem !important;}
ul.square li {border-bottom: 1px solid; border-color: 	#DCDCDC;}
ul.sine {list-style-type: none !important; line-height: 1.8rem !important;}
ul.muted {list-style-type: square !important; color: #6c757d !important; font-size: 0.9rem !important;}
ul.muted > li {padding-bottom: 0.75rem !important; padding-top: 0.75rem !important;}
ul.info {list-style-type: square !important;}
ul.info > li {padding-bottom: 0.5rem !important; padding-top: 0.5rem !important;}
p.figure {padding: 0 0 10px 0 !important;}
.green {color: #9dbb02 !important;}
.navbar-toggler-icon {display: inline-block; width: 1.25em!important; height: 1.25em!important; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%;}