/*Parallax Test 1*/

.H {
	min-height: 1080px;
	height: auto;
	overflow: hidden;
	position: relative;
}

.L {
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
}

.LB-1 {
	background-image: url("../../Media/2-Ready/2-Images/Parallax Test_L-1.png");
}
.LB-2 {
	background-image: url("../../Media/2-Ready/2-Images/Parallax Test_L-2.png");
}
.LB-3 {
	background-image: url("../../Media/2-Ready/2-Images/Parallax Test_L-3.png");
}
.LB-4 {
	background-image: url("../../Media/2-Ready/2-Images/Parallax Test_L-4.png");
}
.I_Background {
	width: 100%;
	height: auto;
	z-index: 0;
	
}

.I_ContentBack {
	width: 100%;
	height: auto;
	z-index: 48;
	
}
.ProjectTopImageID {
	width: 100%;
	height: auto;
	z-index: 48;
}
.I_Top_Spacer{
	width: 100%;
	height: var(--Homepage_Top_Banner);
}

.I_ContentBack_NoTop {
	width: 100%;
	height: auto;
	z-index: -1;
	
}

.I_TopImage {
	top: 0;
/*	margin-top: 48px;*/
}
.I_TopImage_ASIP {
	top: -150px;
	margin-top: 48px;
}


@media all and (max-width: 500px)  {
	.I_ContentBack {
		width: 500%;
		left: -12%;
		height: auto;
	}	
}

.I_Snow {
	width: 100%;
	height: auto;
	z-index: -1;
}

.I_Compass {
	width: 25%;
	height: auto;
	z-index: 49;
	left: -100px;
	top: 50%;
}
.I_Homepage_Content-Image {
	z-index: 49;
	top: 50%;
}

.I_UnderConstruction {
	width: 100%;
	/*height: 400px;*/
	top: 100px;
	z-index: 500;
	opacity: 1;
}





@media only screen and (min-width: 2000px) {
    /* for sumo sized (mac) screens */
}
@media only screen and (max-device-width: 480px) {
   /* styles for mobile browsers smaller than 480px; (iPhone) */

}
@media only screen and (device-width: 768px) {
   /* default iPad screens */
   

}

@media only screen and (min-device-width: 100px) and (max-device-width: 480px)	{
	.I_TopImage {
		top: 0;
		margin-top: 0;
	}
}

/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */

  }

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */

}