.nav { padding: 10px 20px; display: flex; align-items: center; }
.nav > ul { flex: 1 1 auto; display: flex; padding: 0 0; justify-content: right; }
.nav > ul li { list-style: none; display: none; }
.nav > ul > li > a { text-decoration: none; display: inline-block; padding: 10px 16px; color: #888; text-transform: uppercase; font-size: 20px; transition: all 0.3s; }
.nav > ul > li > a:hover { color: #555; }
.nav > ul > li > a i { padding-right: 4px; }

.nav .search-box { flex: 0 1 300px; order: 10; display: flex; background-color: rgba(220,220,220,.5); border-radius: 16px; overflow: hidden;  }
.nav .search-box input { flex: 1 1 auto; background: none; padding: 0 20px; border: none;  }
.nav .search-box input:empty { color: #888; }
.nav .search-box a {background: rgba(0,0,0, .2); display: inline-block; border-radius: 16px; transition: all 0.3s; }
.nav .search-box a:hover { background: rgba(0,0,0,.5); }
.nav .search-box i {color: #fff; padding: 10px 12px;}

.nav .social { flex: 1 1 auto;}
.nav .client-portal { flex: 0 0 60px; text-align: center; order: 11; font-size: 24px; }
.nav .client-portal a { color: #aaa; }

.gallery-tags {margin: 0 20px 40px 20px; padding: 0; text-align: center;}
.gallery-tags li {list-style: none; display: inline-block; margin: 0 8px 15px 8px;}
.gallery-tags li a {display: block; padding: 5px 2px; margin: 0 6px;  color: #555; border-bottom: 4px solid transparent; text-decoration: none; transition: all 0.3s;}
.gallery-tags li a:hover {border-color: #777;}
.gallery-tags li.active a {border-color: #777;}

.custom-content { padding: 100px 20px; }
.custom-content h1 { font-size: 24px; font-weight: bold; }
.custom-content > div { font-size: 16px; }

@media screen and (max-width: 600px) {
    .nav { display: block; text-align: center; }
    .nav .search-box { margin-bottom: 10px; }

    .public-company-logo {margin: 5px 0; padding: 0;}
    .public-company-logo a img { max-width: 250px !important;}
/*    .header .search-box {position: relative; left: unset; right: unset; top: unset; display: flex; flex-direction: row; width: 90%; margin: 20px auto; box-shadow: 0 0 10px rgba(0,0,0,.2);}
    .header .search-box input {width: 100%; font-size: 16px; padding: 5px 5px; flex-grow: 1;}
    .header .search-box a { flex: 0 0 40px;}*/
    .gallery-tags {margin: 0 6px 12px 6px;}
    .gallery-tags li {margin: 0 4px 8px 4px;}
    .gallery-tags li a {padding: 5px 2px; font-size: 14px;}
}

.lightfolio-credit {opacity: 0.3; transition: opacity 0.5s; margin-top: 20px; display: inline-block;}
.lightfolio-credit:hover {opacity: 1.0;}
.lightfolio-credit a { display: inline-block; }
.lightfolio-credit img { width: 22px; }