/*********************** PROJECT ***********************/

body {
	background: #f4f6f8;
}

.myvideo {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
}
.myvideo iframe,.myvideo video,.myvideo embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/******************  CSS3 MEDIA QUERIES  ******************/

/* If ! Screen size is less than or equal to 1920px (adaptive layout) */
@media screen and (max-width: 1920px), screen and (max-device-width: 1920px) {
	/* img {		 */
		/* max-width: 100%; */
		/* height: auto; */
		/* width: auto\9; */
	/* } */
	.sh-wrapper.w1920 {		
	}
}

/* If ! Screen size is less than or equal to 1300px (adaptive layout) */
@media screen and (max-width: 1300px), screen and (max-device-width: 1300px) {
.sh-wrapper.w1280 {
		width: 94%;	
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 0px;
		padding: 40px 15px 0px;		
	}
	.sh-wrapper.w1200 {
		width: 94%;	
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 20px;
		padding: 40px 15px 50px;		
	}
	/* for video */
	.myvideo .sh-wrapper.w1280 {
		width: 94%;	
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 0px;			
	}
	.myvideo .sh-wrapper.w1200 {
		width: 94%;	
		float: none;
		margin: 0 auto;
		text-align: center;					
	}
	/* fin for video */
.sh-wrapper.w1200 h2.opensensbold62{
font-size: 40px;
	}
#set2 .sh-wrapper.w1280 {
	padding: 0;
	margin: 0;
}
#set3 .sh-wrapper.w1280 {
	padding: 0;
	margin: 0;
}
	.sh-col-l.w600 {			
			float: none;
			margin: 0 auto;
			margin-bottom: 20px;
	}
		.sh-col-l.w400 {			
			float: none;
			margin: 0 auto;
			margin-bottom: 30px;
	}
			.sh-col-l.w200 {			
			float: none;
			margin: 0 auto;
			margin-bottom: 20px;
	}
}

/* If ! Screen size is less than or equal to 1200px (adaptive layout) */
@media screen and (max-width: 1200px), screen and (max-device-width: 1200px) {
	.sh-wrapper.w1170 {
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;		
	}
.sh-wrapper.w1020 {
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;		
	}
	.sh-wrapper.w1170.padding-b70 {
		padding-bottom: 0px;
	}
		.sh-wrapper.w1170.padding-b70 .sh-col-l.w370.last {
		padding-bottom: 20px;
	}
	.sh-col-l.w370 {
			width: 80%;
			float: none;
			margin: 0 auto;
			margin-bottom: 30px;
	}
	.sh-col-l.w250 {
		float: none;
		margin: 0 auto;
		text-align: center;
		padding: 0;
		margin: 0;
		margin-bottom: 30px;
		width: 100%;
		clear: both;
}

}
/* If ! Screen size is less than or equal to 1024px (adaptive layout) */
@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
	.sh-container.bg-header-img.dis-none {
	display: block;
	visibility: visible;
}
.myvideo {
	display: none;
	visibility: hidden;
}
}

/* If ! Screen size is less than or equal to 760px (adaptive layout) */
@media screen and (max-width: 760px), screen and (max-device-width: 760px) {
	.sh-wrapper.f-left {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
		.sh-col-l {
		float: none;
		margin: 0 auto;
		text-align: center;
}
		.sh-col-l.w150 {
		float: none;
		margin: 0 auto;
		text-align: center;
}
	.sh-col-l.w215 {
		float: none;
		margin: 0 auto;
		text-align: center;
}
	.sh-col-l.w150 img {
		float: none;
		margin: 0 auto;
		text-align: center;
}
	 h1.lobster16.t-left {
		width: 96%;
		margin-left: 0;
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 20px;
		padding: 0;
}
.sh-col-r.w300 {
		float: none;
		margin: 0 auto;
		text-align: center;
		padding: 0;
		margin: 0;
		width: 100%;
		clear: both;
}	
.sh-col-l.w400 {
		float: none;
		margin: 0 auto;
		text-align: center;
		padding: 0;
		margin: 0;
		width: 100%;
		clear: both;
}
.sh-col-l.w370 {
		float: none;
		margin: 0 auto;
		text-align: center;
		padding: 0;
		margin: 0;
		width: 100%;
		clear: both;
		padding-bottom: 30px;
}
		.sh-wrapper.w1170.padding-b70 .sh-col-l.w370.last {
		padding-bottom: 40px;
	}
	h2.opensensbold48 {
		font-size: 30px;
	}
		.sh-col-l.w600 {			
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;
	}
		.sh-col-l.w600 img {			
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;
	}
}

/* If ! Screen size is less than or equal to 500px (adaptive layout) */
@media screen and (max-width: 500px), screen and (max-device-width: 500px) {
.sh-wrapper.w1200 h2.opensensbold62{
font-size: 30px;
	}
	h3.opensensbold36{
font-size: 27px;
	}

}

/* If ! Screen size is less than or equal to 400px (adaptive layout) */
@media screen and (max-width: 400px), screen and (max-device-width: 400px) {
p.opensenslight20darkbold {
	font-size: 18px;
	
}

}