/***** logo *****/
#site-title {width:auto;padding-left:10px;}
#site-title h1 {font-size:2.8em;line-height:initial;text-shadow:0px 2px 4px #24a0c7;}
#site-title .subtitle {font-size:1.4em;line-height:1.2;}
#site-title img {max-width:900px;}
#logo {width:25%;margin-left:5px;max-width:90px;}

/*main nav*/
nav ul {text-align:center;}
#nav {display:inline-block !important;}
#nav a {width:auto;padding:0em .7em;font-size:.96em;}
#nav > li {width:auto;position:relative;}
#nav > li > ul {position:absolute;left:0;top:100%;width:auto;}
#nav > li > ul a {padding:.5em 1.5em;}
.menudrop {display:none;}

/*Hidden nav*/
#hidenav {font-size:1em;}

/*about & port*/
.row {padding:0 2% 1em;justify-content:space-around;}
.rows .port-text {min-width:500px;flex:1;padding:0 20px;}
.rows .hidemobile {display:flex;justify-content:space-between;}
#everest.col {flex-basis:335px;}
#wholamp > .thumbnails .hidemobile {display:table-cell;}
.rows .mobileonly {display:none;}
table.thumbnails {max-width:480px;flex:initial;}
.thumbnails tr td {display:table-cell;padding:5px;}
.thumbnails tr td a {display:block;max-width:initial;}
.thumbnails td img {display:block;padding:0;}
#wholamp > .thumbnails {display:inline-block;max-width:435px;}
.thumbnails .port-main-img {height:250px;max-width:initial;}
.port-wide-box {height:150px;}
.port-wide-box > img {width:100%;height:auto;}
.thumbnails .thumb {max-width:90px;}
.thumbnails .two-stack {height:135px;}
.thumb > img {width:100%;height:auto;}
.rows .col {padding:0 2%;}
.thumbcol {display:flex;height:250px;width:80px;align-content:space-between;justify-content:space-between;flex-wrap:wrap;}
td > iframe {height:250px;width:160px;display:block;}
.split .port-text {flex:2;min-width:300px;}
/*.split .thumbnails {min-width:500px;}*/
.no-grid .thumbnails a {display:inline-block;padding:0 2px;width:48%;}
.no-grid .thumbnails img {width:auto;}
.no-grid .thumbnails {width:100%;min-width:initial;}

#about.rows {padding:2em 0 1em;}
#about h2, #about p {padding:0;}
#about .row {padding:0 2.8em;}
#about .row-col {padding:0 2em;}
#about .row-col .col {flex:1 0 290px;padding:1em .7em;}
#about ul {margin-left:1%;}
#about .col {flex:1 0 301px;max-width:100%;}
#about .rows .col img {max-width:100%;padding-bottom:10px;}
.rows .imgbox {float:left;width:215px;height:auto;margin:0 1em 1px .1em;padding:.5em 0 0;overflow:hidden;}
.imgbox img {display:block;}
.rows .last {flex:1 0 275px;}
.call-out {margin:5px 0 1em;padding:30px 30px 20px;}
.rows .boxleft {flex:2 0 460px;padding:0 1em 0 0;}
.imgbox img {display:block;}

/*banner*/
#banner {display:block;margin:0 auto;text-align:center;width:100%;overflow:hidden;border-bottom:#24a0c7 solid 2px;max-height:400px;}
#mobilebanner {display:none;}
.welcome {display:inherit;}

/*top*/
div.top img {width:65%;}

.left img {max-width:400px;}

/*@media*/
@media all and (min-width:650px) {
.rows .port-text {min-width:365px;padding:0 15px;}
table.thumbnails {max-width:540px;}
.thumbnails .port-main-img {height:270px;}
.port-wide-box {height:160px;}
.thumbnails .thumb {max-width:100px;}
td > iframe {height:270px;}
.thumbcol {height:270px;width:85px;}
.row {padding:0 3% 1em;}
.rows .col {padding: 0 1.5%;}
#wholamp > .thumbnails {max-width:455px;}
.split .port-text {flex:2;min-width:300px;}
/*.split .thumbnails {min-width:600px;}*/
.no-grid .thumbnails a {display:inline-block;padding:0 2px;width:48%;}
.no-grid .thumbnails img {width:auto;}}


@media all and (min-width:660px) {
.container aside {border-left:dashed 2px #838383;}
hr.bottom-aside {display:none;}
.left img {padding:0;}}

@media all and (min-width:769px) {
#site-title h1 {font-size:3.1em;}
#site-title .subtitle {font-size:1.5em;}
#logo {max-width:100px;}
#nav a {padding:0em 1em;font-size:1.2em;}
#nav > li > ul a {padding:.5em 1.5em;}
div.top img {width:70%;}
.left img {max-width:275px;}}

@media all and (min-width:1020px) {
.row {padding:.8em 1%;}
.rows .col {padding:0 1%;}}