.main-banner {
background-color: #183d62;
padding: 80px 20px;
}
.main-banner img {
max-width: 100%;
height: auto;
}
/* sub-headers */
.subheader {
background: #183d62;
color: #fff;
text-align: center;
padding: .5em;
}
.subheader .fa{
padding-right: 10px;
}
/* Infobox CSS */
/* The main box */
.infobox {
border: 1px solid #183d62;
border-spacing: 3px;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
clear: right;
line-height: 1.5em;
}
.infobox>caption {
background: #183d62;
color: #fff;
padding: .5em;
font-size: 1.4em;
}
.infobox th {
font-weight: bold;
}
/* The little template links */
.hlist dd, .hlist dt, .hlist li {
margin: 0;
display: inline;
}
.hlist dd::after, .hlist li::after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child::after, .hlist dt:last-child::after, .hlist li:last-child::after {
content: none;
}
@media only screen and (max-width: 40em) {
.infobox {
margin: 0;
width: 100% !important;
}
}
/* Infobox large screen */
@media only screen and (min-width: 40.0625em) {
.infobox {
float: right;
clear: right;
width: 33em;
}
}