@import url('https://fonts.cdnfonts.com/css/gang-of-three');            

#header .header-column {
    height:15em;
 /*   background:#fff !important; */
}
#header .header-btn-collapse-nav {
    background: #000;
}
.banner-text{
    font-family:  'Gang of Three', sans-serif;
    color: #e20c2a;
    font-size: 4em;
    margin: 1em auto;
}
.bannercontainer {
    background: url('img/header-banner-1150.png');
    background-repeat:no-repeat;
    background-size: 100%;
    height: 179px;
}
.pageimage {
    image-size:cover;
    max-width:100%;
    max-height:100%;
}
/*
#header .header-row {
    width:48em;
}*/
.nav-pills {
    margin-top:11em;
    background:#fff;
}
/****** TYPOGRAPHY *******/
.tac {
    text-align:center;
}
.tar {
    text-align:right;
}
.fsi {
    font-style:italic;
}
.fwb {
    font-weight:bold;
}
.smaller-type {
    font-size:.8em;
}
.mb1 {
    margin-bottom:1em;
}
.mt1 {
    margin-top:1em;
}
.mt5 {
    margin-top: 5em;
}
.mt3 {
    margin-top: 3em;
}
.mt4 {
    margin-top: 4em;
}
.mr1 {
    margin-right: 1em;
}
.mr2 {
    margin-right: 2em;
}
.caption {
    font-size: .8em;
    font-style: italic;
}
.red {
    color:red;
}
.firstrow {
    margin: 4em 0;
}
.logoshow, .hiddendetail {
    display: none;
}
.loginbox {
    margin: 0 auto;
    padding: 1em;
    border: solid thin;
    border-radius:10px;
    width: 30%;
}
.randompic {
    max-height: 23em;
    margin: 1em auto;
    overflow: hidden;
}
.random-caption {
    font-size: .8em;
    font-style: italic;
    margin: 1em; 
    text-align: center;
}
.catlist {
    display: flex;
    flex-wrap: wrap;
}
.catlist li {
    width:30%;
    list-style: none;
    margin: 0 1em;
    padding: .5em;
}
.catlist li:nth-of-type(odd)
{
    background:#f3f2f2;
}
.hiddendetail {
    background: #f7f3f3;
    border-radius: 5px;
}
@media (max-width: 575px) {
    .firstrow {
        margin-top: 0em;
    }
    .catlist li {
        width:100%;
    }
    .logoshow {
        display:block;
        position:absolute;
        top: 3.5em;
        left: .5em;
    }
}