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 { background: #fff;}

.content
{
    margin: 0 auto;
    padding: 0 100px;
    position: relative;    
    display: block;
}

.nav { padding: 10px 100px; }

.public-company-logo {text-align: center; padding: 50px 0; font-size: 20px; 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 {margin: 0 0 40px 0; display: flex; flex-wrap: wrap; justify-content: center;}
.collection-thumbs li {width: 20%; position: relative; box-sizing:border-box; padding: 0 12px; }
.collection-thumbs .wrapper {position: relative; background-color: #fff; }*/ /*box-shadow: 1px 3px 3px 3px rgba(0,0,0,.2); transition: all 0.3s; */
/*.collection-thumbs .wrapper:before{
	content: "";
	display: block;
	padding-top: 120%;*/ 	/* initial ratio of 1:1*/
/*}
.collection-thumbs .wrapper > a {display: block; }
.collection-thumbs li .cover {background-size: cover;}
.collection-thumbs li a > div:first-child {position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.collection-thumbs div.overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.8); opacity: 0; color: #fff; transition: opacity 0.3s;}
.collection-thumbs .overlay > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-transform: uppercase;
    left: 0;
    right: 0;    
    text-align: center;
}
.collection-thumbs .overlay div div {
    display: inline-block;
    margin: 0 auto;
    padding: 8px 15px; background: #222; border-radius: 15px;
    font-size: 12px;
    width: auto;
}
.collection-thumbs .details {color: #222; font-weight: bold; box-sizing: border-box; font-size: 12px; text-transform: uppercase; padding: 12px; letter-spacing: 1px; transition: color 0.3s;}
.collection-thumbs .event-date {color: #888; font-weight: 400; font-size: 11px; text-transform: uppercase; margin: 3px 0 0 0; letter-spacing: 1px; transition: color 0.3s; }
.collection-thumbs .event-description {color: #888; font-weight: 400; font-size: 11px; text-transform: uppercase; margin: 3px 0 0 0; letter-spacing: 1px; transition: color 0.3s; font-style: italic;}

.collection-thumbs li:hover .cover {border-color: #ccc;}
.collection-thumbs li:hover div.overlay {opacity: 1;}
.collection-thumbs li:hover .details {color: #333;}
.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 .social {flex: 0 1 auto; text-align: center; font-size: 20px;}
.content-flex .social li {display: inline-block; margin: 0 6px;}
.content-flex .credit {text-align: right;}

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

.footer, .footer a
{
    color: #aaa; /* #ccffff; */
    text-decoration: none;
    transition: color 0.3s;
}
.footer 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:1400px) {
    .content {padding: 0 40px;}
    /*.business {padding: 160px 0;}*/

}

@media screen and (max-width:900px) {
    .content {padding: 0 15px;}
    /*.business {padding: 120px 0;}*/


    .footer {padding: 0 10px 10px 10px; font-size: 12px;}
    .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 .social {order: 2; font-size: 14px; width: auto;}
    .content-flex .title {order: 1;}
}

@media screen and (max-width:600px) {
    .content {padding: 0 5px;}
    /*.business {padding: 80px 0;}*/


    .public-company-logo img { max-width: 200px; }
}