a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}
html, body { height: 100%;  }
html, body, h1, h2, h3, h4, h5, h6{ font-family: Roboto, sans-serif;}
body {}

.content
{
    position: relative;  
}
/*.header .search-box { position: absolute; left: 20px; top: 10px; background-color: #ddd;}
.header .search-box input { background: none; padding: 0 20px; border: none; width: 200px;}
.header .search-box a {background: #555; display: inline-block;}
.header .search-box i {color: #fff; padding: 10px 12px;}*/

.public-company-logo {text-align: center; font-size: 20px; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 1px; color: #555;}
.public-company-logo a {color: inherit; transition: color 0.3s; text-decoration: none;}
.public-company-logo a:hover {color: #555;}
.public-company-logo img { max-height: 120px; max-width: 300px; }

/*
.collection-thumbs {display: flex; flex-wrap: wrap;}
.collection-thumbs li {width: 100%; padding-bottom: 30%; position: relative; box-sizing:border-box; vertical-align: top;}
.collection-thumbs .wrapper {background: #fff; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.collection-thumbs li .cover {height: 100%; background-size: cover;}
.collection-thumbs li a > div:first-child {position: relative;}
.collection-thumbs div.overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.2); opacity: 0; color: #fff; transition: opacity 0.3s;}
.collection-thumbs .overlay div {
    display: none;
}
.collection-thumbs .details {color: #fff; font-weight: 400; text-shadow: 0 0 2px #222; font-size: 22px; position: absolute; top: 25px; left: 25px; text-transform: uppercase; margin: 10px 0 0 0; letter-spacing: 1px; transition: color 0.3s;}
.collection-thumbs .details div {font-size: 11px; color: #ccc;}
.collection-thumbs .event-description {font-style: italic; margin-top: 3px;}

.collection-thumbs li:hover .cover {border-color: #ccc;}
.collection-thumbs li:hover div.overlay {opacity: 1;}
.collection-thumbs li:hover .details {}
.collection-empty{text-align: center; padding: 200px 0; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; color: #111;  margin-bottom: 40px;}*/

.content-flex{display: flex; flex-direction: row;}
.content-flex > div {flex-grow: 1; width: 40%;  margin-bottom: 15px;}
.content-flex .business { text-align: center;}
.content-flex .social {flex: 0 0 180px; font-size: 20px;}
.content-flex .social li {display: inline-block; margin: 0 6px;}
.content-flex .credit {flex: 0 0 180px; text-align: right;}

.nav .social { font-size: 20px;}
.nav .social li {display: inline-block; margin: 6px;}
.nav .social a { color: #aaa; text-decoration: none; transition: color 0.3s;}
.nav .social a:hover { color: #555;}

.content-flex .left {flex: 0 0 180px;}
.header .content-flex > div { margin: 0; padding: 15px 20px;}

.footer
{
    padding: 20px 20px 20px 20px;
    position: relative;    
    display: block;
    font-size: 14px;
}

.footer, .content-flex a
{
    color: #aaa; /* #ccffff; */
    text-decoration: none;
    transition: color 0.3s;
}
.content-flex a:hover
{
    color: #555;
    transition: color 0.3s;
}


.footer .credit a
{
    font-weight: bolder !important;
    color: #888;
}
.footer .credit a:hover {color: #555;}

@media screen and (max-width:900px) {
    .footer {font-size: 12px;}
    .public-company-logo {padding: 0 0 10px 0; font-size: 12px;}
/*    .collection-thumbs li {padding-bottom: 40%;}
    .collection-thumbs .details {top: 10px; left: 10px; font-size: 12px;}*/
    .collection-empty {padding: 50px 0;}

    .footer {padding: 0 10px 10px 10px;}
    .content-flex {flex-direction: column;  flex-wrap: wrap; padding: 15px 0;}
    .content-flex > div {flex: 1 0 100% !important; padding: 0 10px !important; width: auto; text-align: center !important;}
    .content-flex .left {display: none;}

    .content-flex .title {order: 1;}
}