/* #Media Queries
================================================== */

/* Larger than tablet */
@media (min-width: 750px) {

	.mobile-banner {display:none;}
	.banner.desktop-banner {display:block;}
	.banner-inner h1 {font-size:5rem;}

	.banner-short {height:400px;}
	.half-col {width:50%;float:left;padding-top:45%;}
	.feature-block {margin-bottom:0;}

	.video-block {float:left;}
	.video-block.third {width:33.333333%;padding-top:30%;}
	.video-block.half {width:50%;padding-top:40%;}
	.switch-gallery-block {width:50%;float:left;}
	.switch-gallery {width:100%;}

	.ca-solar {width:100px;float:left;text-align:left;margin:0}
	.copy {float:right;text-align:right;margin:0;}
	.copy span {display:inline;margin:0;}

	.archive-post-thumb {height:300px;}

	.half-col {width:50%;float:left;padding-top:45%;}

	.video-grid {display: grid;grid-template-columns: repeat(auto-fill, 48%);justify-content: space-between;}

	.project-gallery-grid {grid-template-columns: repeat(auto-fill,32%);}

}

/* Larger than desktop */
@media (min-width: 1000px) {
	.mainNav {display:block;margin-bottom: 0.5em;;}
	.mobile-nav-trigger-outter,
	.mobile-nav { display: none }

	.logo {width:200px;}

	header {padding:0px 0 0;}
	.search-trigger {margin:45px 0 0 40px;}

	.header-spacer {height:102px;}
	.banner-short {height:550px;}

	.banner-inner h1 {font-size:6rem;}
	.banner-animation span {margin-left:90px;}

	.archive-post {padding-top:0;}
	.archive-post-content {width:60%;float:left;padding:40px 0;}
	.archive-post.even-post .archive-post-content {float:right;}
	.archive-post-thumb {position:absolute;top:0;right:0;width:35%;height:100%;margin:0;background-size: contain !important;}
	.archive-post.even-post .archive-post-thumb {left:0;right:auto;}

	.icon-nav li {width:19%;}
	.icon-nav.show-rail li {width:13.5%;box-sizing:border-box;}

/*	.training-nav-grid {grid-template-columns: repeat(auto-fill, 20%);}
*/	.training-cat-link {margin-bottom:0;}

	.project-gallery-grid {grid-template-columns: repeat(auto-fill,24%);}


}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	.banner-inner h1 {font-size:7rem;}
	.project-gallery-grid {grid-template-columns: repeat(auto-fill,19%);}

}

@media (min-width: 1400px) {
	.banner-animation span {font-size:10.0rem;}

	.video-block.third {padding-top:25%;}
	.video-block.half {padding-top:30%;}
	.feature-block {min-height:280px;}
}