@charset "UTF-8";
/* CSS Document */

/* Global Responsive Styles */
@media screen and (min-width: 0px) and (max-width: 1038px) {

.logo-mobile-only {
	display: block;
	text-align: center;
}


.stellarnav li a {  color: white !important;}


.hero-logo {
	float: none;
	padding-top: 25px;
	width: 100%;
	display: block;
	text-align: center;
}

.hero-menu {
	float: none;
	padding-top:25px;
	width: 100%;
	text-align: center;
	display: block;
}

#navlist li {
display: block;
list-style-type: none;
font-size:1em;
margin-left: 0;
padding-bottom: 20px;
}

#menu {
	max-width: 800px;
	float:none;
	position: relative;
	font-size:1.6em;
	padding:0;
	margin:0;
	margin-right:0;
	margin-top:10px;
	margin-bottom:0px;
	margin: 0 auto;
}



	body { font-size: 1.0em; }

	.mobilelogo {
		width: 80%;
	}

	.nodesktop {
	display: inline-block;
	}


    .menu-items a {color:white; text-decoration: none; text-transform: uppercase; font-size: 6vw;}


	#social {
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 60px;
	}

/*	#topmenu {
	display:none;
	}
*/

	#menumobile {
	position: relative;
	font-size:1.1em;
	top: 30px;
	width:100%;
	display:block;
	padding-bottom:2.5em;
	text-align:center;
	}

	#mobile-main {
	margin: 0px auto;
	clear: both;
	width: 90%;
	text-align:center;
	color:#333;
	display:block;
	}

	#mobmenu {
	margin: 0px auto;
	clear: both;
	width: 90%;
	text-align:center;
	color:#333;
	display:block;
	}

	#right-main-sub {

	padding-left: 1.2em;
	padding-right: 1.2em;
	text-align:left;
	font-size:.8em;
}


	#left-main-sub {
		display:none;
	}

	.market {
	padding:5px;
	color:#333;
	text-align:center;
	margin-bottom:5px;
	font-size:.8em;
	}

	#projects {
	padding:0;
	margin:0;
	padding-bottom:1.2em;
	}

	#projects img {
	margin-bottom:10px;
	max-width:300px;
}




	#homepageholder {
	display: none;
	}

	#homepageholder-sub {
	padding-bottom:0;
	}

	#footer {
	padding-top: 3em;
	}

	#footer-holder {
	text-align:center;
	}

	.footer-holder {
	display: inline-block;
	margin-top: 2em;
}

.footer-block {
	flex: none;
	text-align: center;
	margin-top: .5em;
}

.locations-block-holder {
	display: inline-block;
}

.locations-block {
	flex: none;
	text-align: center;
	margin-bottom: 1em;
}

.footer-credits-holder {
	display: inline-block;
	margin-top: 4em;
}

.footer-credit-left {
	flex: none;
	text-align: center;
}

.footer-credit-right {
	flex: none;
	text-align: center;
}


	.dontshowme {
	display:none;
	}

	.imgscale {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
	}

	.maxwidth {
		max-width:910px;
	}

	.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	}

	.vid iframe,.vid object,.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}



/* Two Column Layout for Project Pages  */

.project-wrapper {
  margin-top: 20px;
}

.project-row {
  display: inline-block;
  width: 100%;
}

.project-column-main {
  display: inline-block;
}

.project-column-secondary {
  display: inline-block;
  border-left: 0;
  padding-left: 0;
  padding-top:15px;
  text-align: left;
}


}

/* responsive mobile menu credit https://medium.com/creative-technology-concepts-code/responsive-mobile-dropdown-navigation-using-css-only-7218e4498a99 */

.header {
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0,0,0,.1);
  position: relative;
  width: 100%;
  z-index: 3;
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow:hidden;
  background-color: #00689c;
}

.header li a {
  display: block;
  padding: 20px 20px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none;
  color:#fff;
}

.header li a:hover {
  color:#000;
}


.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .5s ease-out;
}

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: none;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 440px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}