.container h2 {font-size:1.8em;}

/***logo***/
#site-title {width:50%;padding-left:10px;}
#site-title h1 {font-size:3.1em;line-height:normal;text-shadow:0px 2px 4px #24a0c7;}
#site-title .subtitle {font-size:1.5em;line-height:1.2;}
#logo {width:25%;margin-left:5px;max-width:100px;}

/***main nav***/
nav {width:40%;flex-grow:2;border:none;}
nav ul {text-align:right;}
#nav {display:inline-block !important;}
#nav a {width:auto;padding:0em .5em;font-size:1.1em;}
#nav > li {width:auto;position:relative;}
#nav > li > ul {position:absolute;left:0;top:100%;width:auto;}
.menudrop {display:none;}

/*hidden nav*/
#hidenav {font-size:1.2em;}

/*about & port*/
.row {padding:1em 3%;justify-content:space-around;}
.call-out {background:#c3bfbf;border-radius:25px 65px;padding:10px 35px 10px;}
.rows .port-text {min-width:380px;flex:1;padding:0 20px 0 10px;}
.right-text .port-text {padding:0 0 0 20px;}
.rows .hidemobile {display:flex;justify-content:space-between;}
#wholamp > .thumbnails .hidemobile {display:table-cell;}
.rows .mobileonly {display:none;}
#cardbox .thumbnails {max-width:900px;}
table.thumbnails {max-width:700px;}
.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:575px;}
.thumbnails .port-main-img {height:340px;max-width:initial;}
.port-wide-box {height:200px;}
.port-wide-box > img {width:100%;height:auto;}
.thumbnails .thumb {max-width:130px;}
.thumbnails .two-stack {height:170px;width:265px;}
.thumb > img {width:100%;height:auto;}
.rows .col {padding:0 1%;}
td > iframe {height:340px;width:200px;display:block;}
.thumbcol {display:flex;height:340px;width:110px;align-content:space-between;justify-content:space-between;flex-wrap:wrap;}
#everest.col {flex-basis:335px;}
.split .port-text {flex:1 0;min-width:300px;padding:0 0 0 20px;}
.no-grid .thumbnails {max-width:800px;flex:3 0;}
.no-grid .thumbnails a {display:inline-block;padding:0 20px;width:48%;}
.no-grid .thumbnails img {width:auto;}

#about.rows {padding:20px 0;}
#about h2, #about p {padding:0;}
#about .row {padding:0 6% 30px;}
#about .row-col {padding:0 5%;}
#about .row-col .col {flex:1 0 290px;}
#about ul {padding:0 6%;margin-left:10px;}
#about .rows .col {flex:1 0 250px;}
#about .rows .col img {max-width:100%;padding-bottom:10px;}
.rows .boxleft {flex:2 0 400px;padding:0 10px 1% 0;}
.rows .imgbox {float:left;width:225px;height:auto;margin:10px 20px 5px 0;}
.imgbox img {display:block;}
.rows .last {flex:1 0 275px;}

/***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 {right:-5px;}
div.top img {width:70%;}

.container h1 {font-size:2.4em;}
.container aside {border-left:dashed 2px #838383;}

hr.bottom-aside {display:none;}
.left img {max-width:300px;margin:0 0 0 10px;padding:0;}

/***1278px+***/
@media all and (min-width:1278px) {
#site-title h1 {font-size:3.5em;}
#site-title .subtitle {font-size:1.8em;line-height:inherit;}
#logo {max-width:120px;}
#nav a {font-size:1.2em;}
}
no-grid