/*

@media (max-width: 1200px) {
	.header {
		background: blue;
	}
}

@media (max-width: 980px) {
	.header {
		background: red;
	}


}

@media (max-width: 600px) {
	.header {
		background: green;
	}
}

*/



/* responsive */

@media (max-width: 1200px) {

	.inner {
		width: 100%;
		padding: 0 1em;
	}

	.inner-copy {
		padding: 2em 1em;
	}

	.nav-toggle {
	     display: block;
	}

	.nav {
	  padding: 40px 0 0;
	  position: absolute;
	  left: 0;
	  top: 36px;
	  width: 100%;
	  background-color: #000;
	  background-color: rgba(0, 0, 0, 0.8);
	  display: none;
	}

	#menu-main-menu > li {
	  margin: 0.5em 0;
	  float: none;
	}

	#menu-main-menu > li > a {
	  color: #939290;
	}

	.nav-toggle-new {
	  display: inline-block;
	}

	#menu-main-menu > li > a,
	#menu-main-menu > li > a.over,
	#menu-main-menu > li > a:hover,
	#menu-main-menu > li.current-menu-item > a,
	#menu-main-menu > li.current-post-ancestor > a,
	#menu-main-menu > li.current-post-parent > a,
	#menu-main-menu > li.current-page-ancestor > a {
	  color: #FFF;
	}


}


@media (max-width: 980px) {


	/*.logo-image {
	    width: 25%;
	}*/

	.header-right img, 
	.logo-image img {
	    height: 35px;
	}

	.content-two-colums-item-media,
	.content-two-colums-item-main,
	.page-template-intro .slider-two-columns,
	.sidebar-intro {
	    width: 50%;
	}

	.content-two-colums-item-main-inner {
	    padding: 1em 2em 5em;
	}

	.content {
	    padding: 80px 0 0;
	}

	.compensate-for-scrollbar {
	    margin-right: 0 !important;
	}

	.item-grid {
	    width: 50%;
	}

	.page-template-contact .main-content-inner .inner-form {
	    width: 100%;
	}

	.container-pagination {
		width: 100%;
		background-color: #000;
		position: fixed;
		bottom: 0;
		padding: 0.5em 1em;
	}

	.content-two-colums-item-media .layer-logos-item img {
	    width: 100%;
	    margin: 1em 0;
	}

	.slick-prev, .dashicons-arrow-left-alt2 {
	    left: 50%;
	}

	.home .content-active {
	  padding: 100px 0 0;
	}


	

	
}

@media (max-width: 600px) {


	.logo-right img {
		display: none;
	}

	.content-two-colums-item-media,
	.content-two-colums-item-main {
	    width: 100%;
	}

	.content-two-colums-item-media, 
	.content-two-colums-item-main {
	    min-height: 50vH;
	}

	.slider-two-columns {
	    background-color: #FFF;
	}

	.container-pagination strong,
	.container-pagination .slick-arrow {
		display: none;
	}

	

	.content-two-colums-item-main-inner {
	    padding: 2em 1em;
	}

	.item-grid {
	    width: 100%;
	}

	.ghost-btn, .page-template-contact .wpcf7-form button {
	    width: 100%;
	}

	.home-content {
	    width: 100%;
	    margin: 0 auto;
	}

	.logo-home {
	    margin: 3em 0;
	}

	.show-content-home a {
	    margin: 0;
	}

	body.home {
	    overflow: visible;

	}

	.container-pagination {
	    justify-content: center;
	}

	.inner-copy {
		margin: 3em 0 0;
		font-size: 1em;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
	}

	.inner-copy span,
	.inner-copy p {
	    width: 100%;
	    text-align: center;
	}

	.inner-copy span img {
		width: 20%;
		margin: 0 0 1em;
		max-width: 70px;
	}

	.main-content .full-size {
	    display: none;
	}

	body {
		font-size: 13px;
		
	}

	body.page-template-layout-60-40 {
		background-color: #302c29;
	}

	#menu-main-menu > li {
	    margin: 1em 0;
	}

	#menu-main-menu > li > a {
	    font-size: 1.2em;
	}

	.header-right {
	    position: initial;
	}

	.nav {
	    padding: 10px 0;
	    top: 80px;
	}

	.slick-prev, .dashicons-arrow-left-alt2 {
	    left: 0;
	}

	.content-two-colums-inner {
	    display: block;
	}

	.content-two-colums-item-media {
		display: block;
		height: 40vH;
		min-height: 10%;
	}

	.content-two-colums-item-main {
		min-height: 10%;
		height: auto;
		display: block;
	}

	.content {
	    display: block;
	}

	.slick-prev, .dashicons-arrow-left-alt2,
	.slick-next, .dashicons-arrow-right-alt2 {
	    top: 20vH;
	}

	.slider-two-columns {
	    background-color: transparent;
	}

	.parent-pageid-21 .copy-team {
	    display: block;
	}

	.parent-pageid-21 .copy-team {
	    position: relative;
	    width: 100%;
	    height: auto;
	    min-height: 100px;
	}

	.video-background {
	  display: block;
	}

	.fullscreen-bg__video {
		display: none;
	}

	.video-background {
	    top: -30px;
	    top: -5%;
	}

	.home-hidden br {
		display: none;
	}

	.content {
		overflow: visible;
	}

	.slider-two-columns {
	    overflow: visible;
	}

	.slick-list {
	    /*overflow: visible;*/
	}

	.slick-slide {
	    height: auto;
	}

	.content-two-colums-item-main {
	    min-height: 400px;
	}

	.parent-pageid-21 .copy-team {
	    min-height: 440px;
	    height: auto;
	}
	
}


@media (max-aspect-ratio: 16/9) {
	.video-foreground {
	    left: -100%;
	    width: 300%;
	}
}