/*media queries for homescreen video*/

@media screen and (max-width: 1050px){
	#section1 .video-position {
		left: 0;
		height:100%;
	}

	#section1 #video-img {
		left: 0;
		height:600px;
		width: 100%;
	}
}

@media screen and (min-width: 1050px) and (max-width: 1427px) {

		.video-scale{
			height: 650px !important;
		}
		
		.video-position{
			margin-left: -694px !important;
		}
		
		.video-scale2{
			height: 500px !important;
		}
/*		
		.video-position2{
			margin-left: -694px !important;
		}
		*/

		#wrap #section2{
			height:100%;
		}

		#section1 #video-img {
			left: 0 !important;
			top: -100px;
		}
}

@media screen and (min-width: 1428px) and (max-width: 1960px) {

		.video-scale{
			height: 900px !important;
		}
		
		.video-position{
			margin-left: -960px !important;
		}

		.video-scale2{
			height: 730px !important;
		}

/*		.video-position2{
			margin-left: -960px !important;
		}

		@media (max-height: 900px) {
			#wrap #section2{
				height:100%;
			}
		}

		@media (min-height: 900px) {
			#wrap #section2{
				height:100%;
			}
		}*/

		#wrap #section2{
			height:100%;
		}

		#section1 .video-position {
			left: 25%;
			top: -200px
		}

		@media (min-width: 1428px) and (max-width: 1700px) {
			#section1 #video-img {
				top: -285px;
			}
		}

		@media (min-width: 1700px) and (max-width: 1960px) {
			#section1 #video-img {
				top: -385px;
			}
		}
}

@media screen and (min-width: 1961px) {

		.video-scale{
			height: 1250px !important;
		}
		
		.video-position{
			margin-left: -1334px !important;
		}
		
		.video-scale2{
			height: 850px !important;
		}

		#section1 #video-frame {
			top: -200px;
		}
		
/*		.video-position2{
			margin-left: -1334px !important;
		}*/

		#wrap #section2{
			height:100%;
		}

		@media (min-width: 1700px) and (max-width: 1960px) {
			#section1 #video-img {
				top: -450px;
			}
		}
}

/*media queries for project page images*/

@media screen and (max-width: 1000px){
.case-study{
	/*background-color: red;*/
	min-height: 200px;
	text-align: center;
	padding: 40px;	
	
	img{
		max-height: 200px;
		max-width: 200px;
	}
	
	img.small-img{
		max-height: 200px;
		max-width: 250px;
	}
	
	.project-text{
		width: auto;
		padding-top: 0px;
/*		width: 400px;
		padding-top: 0px;
		margin-top: -30px;*/
	}
}

#section1 #video-img {
		left: 0 !important;
		top: -100px;
}

}

@media screen and (min-width: 1001px) and (max-width: 1280px){
.case-study{
/*	background-color: red;*/
	min-height: 200px;
	
	.page-inner{
		max-width: 760px;	
	}
	
	img{
		margin-top: -80px;
	}
	
	img.small-img{
		max-height: 300px;
		max-width: 370px;
		margin-top: -40px;
	}
	
	.project-text{
		width: 400px;
	}
}
#section1 #video-img {
	left: 0 !important;
	top: -100px;
}



}

@media screen and (min-width: 1000px) and (max-width: 1400px){
.case-study{
	img{
		top: 50px;
		max-width: 400px;
	}
	
	img.small-img{
		max-height: 300px;
		max-width: 370px;
		margin-top: -10px;
	}
	
	.project-text{
		width: 400px;
		top: -10px !important;
	}
}
}


@media screen and (min-width: 1600px){

.case-study{
	/*background-color: red;*/
	min-height: 500px;
	
	.page-inner{
		max-width: 2000px;
	}
	
	img{
		max-height: 650px;
		max-width: 750px;
		top:10%;
	}
	
	img.small-img{
		max-height: 480px;
		max-width: 830px;
		margin-top: 10px;
	}
	
	.project-text{
		top: 150px;
	}
	
}

.case-study:nth-child(even){
	.project-text{
		top: 165px;
	}
}
#video-frame{
	video {
		top: -100px;
	}
}

/*.page-header{
	height: 500px;
}*/
}

@media screen and (max-width: 960px){
	#full-logotype{
		top : -50px;
	}
}

@media screen and (min-width: 960px){
	#full-logotype{
		top : 0;
	}
}