Revision as of 20:20, 16 December 2017

.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;
    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;
    margin: 0.5em 0 0.5em 1em;
}
}