@charset "utf-8";

@media (max-width:1023px) {
	.video-container.alia {padding-bottom:56.25%;}
		.video-content.alia{max-width:100%; width:500px; margin: 50px auto; }
	.wrapper .skew-wrapper .content figure img,
.wrapper .skew-wrapper.is-active .content figure img{
   -webkit-filter: grayscale(0);
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
	.nav{display:none;}
	.banner-wrapper h1 span{display:block; font-size: 100px; padding-top:0px; margin-top:0px;}
	.banner-wrapper h1 {display:block; font-size: 100px; padding-top:0px; margin-top:0px;}
	.padinging{
	padding-bottom:10px;}
	
	.video-content{
	border:8px solid #fff;
	margin-bottom: 10px;
	margin-top:100px;
}
}
@media (max-width:767px) {
	
	.banner-wrapper h1 span{display:block; font-size: 40px; padding-top:0px; margin-top:0px;}
	h1{
		font-size:40px;
		padding-top:0px; margin-top:0px;}
		
		.banner-wrapper h1{display:block; font-size: 40px;}
	.padinging{
	padding-bottom:0px;}
	.wrapper .skew-wrapper{
		padding-bottom:70px;
	}
	.video-content{
	border:8px solid #fff;
	margin-bottom: 100px;
}
	.container{min-height:0;}
	
.content .left-content {
  float: none;
  position: static;
  right: 0;
  top: 0;
	margin-top: 20px;
text-align: center;
}
	
.content .right-content {
  float: none;
  margin: 20px 0px 100px 0;
}
	
.wrapper .skew-wrapper:nth-child(even) .content .right-content{float:none; margin:20px 0px 100px 0px;}
.wrapper .skew-wrapper:nth-child(even) .content .left-content{float:none; position: static; right: inherit; top: 0; left: 0; margin-top: 20px;}

	.content h2, .more-content h2{font-size:30px;}	
	
.content figure {
  height: 200px;
  padding: 5px;
  width: 200px;
}
}