html { box-sizing: border-box; }
*,
*:before,
*:after { box-sizing: inherit; }

body { font-family: Arial, Verdana, Geneva, Tahoma, sans-serif; color: #444; }
header#header { border-bottom: 1px solid #ccc; }
.bg-light { background-color: #fff!important;}
div.logo-img { outline: 1px solid #000; }
div.logo-text { outline: 1px solid #000; }
section#hero { margin: 4em 0em; }
img.nav-img-fluid { outline: 0px solid #000; width: 20%; }
li a:hover { color: #EE5552; text-decoration: none; }
td a:hover { color: #EE5552; text-decoration: none; }
section#topicInfo span a:hover { color: #EE5552; text-decoration: none; }
span#content h1 { font-weight: 1000; }
a.navbar-brand { outline: 0px solid #000; padding-left: 25%; margin-right: 0rem; }
span.active .nav-link { font-weight: 400; color: #EE5552!important; }
.navbar-toggler { margin-left: auto; margin-right: auto; }
footer#footer { margin-top: 2em; height: 80px; }
section#topicInfo { outline: 0px solid #ddd; padding: 0.5em; }
span.seqHead { color: #EE5552; font-weight: 1000; font-size: 18pt; }
textarea#feedbackMsg { outline: 0px solid #000; width: 100%; height: 280px; }
dd.highlight { color: #EE5552; outline: 0px solid #000; font-weight: 400; font-size: 24pt; margin: .2em .82em; }
td > em {  font-style: normal; font-weight: 1000; color: #2ecc71; }
td > b { font-style: normal; font-weight: 100; color: #178CAF; }
div#calendar { outline: 0px solid #000; height: 540px; }
.table-responsive { margin-top: 1.2em; }


ol { padding:0; padding-left: 0rem; margin-top: 1em; }
.btn-outline-warning {
    color: #EE5552;
    border-color: #EE5552;
    width: 100%;
    margin-top: .82em;
    margin-left: 0em;
}
.btn-outline-warning:hover { color: #fff; }

/* Desktop styles rendering */
@media only screen and (min-width: 768px) {
    span#content { clear: both; }
    span#content::after { content: " "; }
    a.navbar-brand { outline: 0px solid #000; padding: 0; }
    textarea#feedbackMsg { outline: 0px solid #aeaeae; width: 100%; height: 220px; }
    ol { padding:0; padding-left: 2rem; margin-top: 1em; }
    ol#left-col, ol#right-col { margin-top: 2em; width: 50%; outline: 0px solid #000; padding: 0em 0.8em; float: left; }

    div#calendar { outline: 0px solid #000; height: 640px; }

    .btn-outline-warning a {
        color: #EE5552;
        border-color: #EE5552;
        margin-top: .82em;
        width: 100%;
       /* width: 42%; */
    }
}