body
{
	margin:0px;
}
.top-main
{
	width:100%;
	height:65px;
	margin-top:68px;
}
.back {
    width: 100%;
    height: 100%;
    background-image: url('../intro.jpg');
    background-size: cover;

    position: fixed;
    white-space: nowrap;
    z-index:1;
}


.front
{
	width: 100%;
    height: 100%;
    margin: auto;
    background-color:rgba(45, 45, 45, 0);
    background-size: cover;
     box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);
     overflow: auto;
     position: absolute;
    z-index:11;
    top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}



#divLinks {
 position:relative;width:1260.845px;height:2000px;margin:auto; 
}

.page {
  width:100%;height:100%;overflow:visible;
}








/*    first Slide */

.maindiv1
{
	width:1259px;
	height:1903px;
}

.mainv1
{
		width:419px;
		height:1902px;
		float:left;
	/*	background-color:red;*/
}

.mainv1-first
{
	width:419px;
	height:317px;
	
/*	background-color:white;*/
}

.mainv2-second
{
	width:419px;
	height:317px;
	
/*	background-color:orange;*/

}

.mainv3-third
{
	width:419px;
	height:317px;
	
/*	background-color:violet;*/

}



.mainv2
{
		width:419px;
		height:1902px;
		float:left;

	/*	background-color:blue;*/
}

.mainv3
{
		width:419px;
		height:1902px;
		float:left;

	/*	background-color:green;*/
}

.div-square
{
	width:208px;
	height:158px;
	float:left;
	
	/*background-color:black;*/
}

.div-cover
{
	width:419px;
	height:158.500px;
	float:left;
	
	/*background-color:black;*/

}
.div-big
{
	width:419px;
	height:317px;
	float:left;
/*	background-color: black;*/
}
.div-vert
{
	width: 208px;
	height:317px;
	float:left;
	
	/*background-color: black;*/
}



.div-vert .div-cover .div-square .div-big img 
{
	width:99%;
	height:99%;
	float:left;
}




/* Second Slide*/




.mainv12
{
		width:419px;
		height:1267px;
		float:left;
	/*	background-color:red;*/
}

.mainv12-first
{
	width:419px;
	height:317px;
	
/*	background-color:white;*/
}

.mainv22-second
{
	width:419px;
	height:317px;
	
/*	background-color:orange;*/

}

.mainv32-third
{
	width:419px;
	height:317px;
	
/*	background-color:violet;*/

}
.mainv42

{
width:1257px;
height:419px;
}

.mainv22
{
		width:419px;
		height:1267px;
		float:left;

	/*	background-color:blue;*/
}

.mainv32
{
		width:419px;
		height:1267px;
		float:left;

	/*	background-color:green;*/
}

.div2-square
{
	width:208px;
	height:158px;
	float:left;
	
	/*background-color:black;*/
}

.div2-cover
{
	width:419px;
	height:158.500px;
	float:left;
	
	/*background-color:black;*/

}
.div2-big
{
	width:419px;
	height:317px;
	float:left;
/*	background-color: black;*/
}
.div2-vert
{
	width: 208px;
	height:317px;
	float:left;
	
	/*background-color: black;*/
}
.div2-big1
{
	width:402px;
	height:317px;
	float:left;
/*	background-color: black;*/
}
 img 
{
	width:99%;
	height:99%;
	float:left;
}


/*Third Slide*/


.hor-div
{
	width:840px;
	height:650px;
	margin:auto;
	/*background-color: black;*/
}

.hor-first
{
	width:419px;
	height:640px;
	float:left;
/*	background-color:white;*/
}

.hor-second
{
	width:419px;
	height:640px;
	float:left;
/*	background-color:orange;*/

}



.hor-square
{
	width:208px;
	height:158px;
	float:left;
	
	/*background-color:black;*/
}

.hor-cover
{
	width:419px;
	height:158.500px;
	float:left;
	
	/*background-color:black;*/

}
.hor-big
{
	width:419px;
	height:317px;
	float:left;
}




/* Fourth Slide*/


.com-div
{
	width:840px;
	height:650px;
	margin:auto;
	/*background-color: black;*/
}


.com-first
{
	width:419px;
	height:640px;
	float:left;
/*	background-color:white;*/
}

.com-second
{
	width:419px;
	height:640px;
	float:left;
/*	background-color:orange;*/

}

.com-big
{
	width:419px;
	height:317px;
	float:left;
}



/* Fifth SLIDE */

.mas-div
{
	width:840px;
	height:650px;
	margin:auto;
	/*background-color: black;*/
}

.mas-first
{
	width:419px;
	height:419px;
	float:left;
/*	background-color:white;*/
}

.mas-second
{
	width:419px;
	height:419px;
	float:left;
/*	background-color:orange;*/

}
.mas-big
{
	width:419px;
	height:317px;
	float:left;
}

							@media only screen and (max-device-width: 480px) {
							.top-main
							{
								width:100%;
								height:65px;
								margin-top:12em;
							}


							.mainv1
							{
									width:419px;
									height:1902px;
									zoom:2.3;
									//float:left;
								/*	background-color:red;*/
							}

							.mainv2
							{
									width:419px;
									height:1902px;
									zoom:2.3;
									//float:left;

								/*	background-color:blue;*/
							}
							.mainv3
							{
									width:419px;
									height:1902px;
									zoom:2.3;
									//float:left;

								/*	background-color:green;*/
							}


							.mainv12
							{
									width:419px;
									height:1267px;
									zoom:2.3;
									//float:left;
								/*	background-color:red;*/
							}
							.mainv22
							{
									width:419px;
									height:1267px;
									zoom:2.3;
									//float:left;

								/*	background-color:blue;*/
							}

							.mainv32
							{
									width:419px;
									height:1267px;
									zoom:2.3;
									//float:left;

								/*	background-color:green;*/
							}



							.hor-first
							{
								width:419px;
								height:640px;
								zoom:2.3;
								//float:left;
							/*	background-color:white;*/
							}

							.hor-second
							{
								width:419px;
								height:640px;
								zoom:2.3;
								//float:left;
							/*	background-color:orange;*/

							}

							.hor-div
							{
								width:840px;
								height:650px;
								//margin:auto;
								margin-left: 0;
								margin-right: 0;
								margin-top: 0;
								margin-bottom: 0;
								/*background-color: black;*/
							}

							.com-div
							{
								width:840px;
								height:650px;
								//margin:auto;
								margin-left: 0;
								margin-right: 0;
								margin-top: 0;
								margin-bottom: 0;
								/*background-color: black;*/
							}


							.com-first
							{
								width:419px;
								height:952px;
								zoom:2.3;
								//float:left;
							/*	background-color:white;*/
							}

							.com-second
							{
								width:419px;
								height:640px;
								zoom:2.3;
								//float:left;
							/*	background-color:orange;*/

							}

							.mas-div
							{
								width:840px;
								height:1000px;
							margin-left: 0;
							margin-right: 0;
							margin-top: 0;
							margin-bottom: 0;
								/*background-color: black;*/
							}

							.mas-first
							{
								width:419px;
								height:325px;
								zoom:2.3;
								//float:left;
							/*	background-color:white;*/
							}

							.mas-second
							{
								width:419px;
								height:419px;
								zoom:2.3;
								//float:left;
							/*	background-color:orange;*/

							}
							.mas-big
							{
								width:419px;
								height:317px;
								float:left;
							}
	}