@charset "UTF-8";
/* CSS Document */
/*code reference with much gratitude to https(colon)//www(dot)sliderrevolution(dot)com/resources/parallax-slider/
Yes...mine; but, I was able to figure out some particular details at slider revolution...TY*/ 
body, html{ 
overflow:hidden; 
}
body{ 
background: #7ED196;
}
.parallax-container{
background-image: url("../pics/italy.jpeg");
	background-position: left;
perspective: 5px;  
height: 100vh; 
overflow-x:hidden; 
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 75px; 
}
.parallax-layer{ 
	position: absolute; 
	top:60px; 
	right: 0; 
	bottom: 20px; 
	left: 0;
}
.parallax-layer-base{ 
transform: translateZ(2.5px); 
	max-height: 65vh
		
	
}
.parallax-layer-background{ 
background-color: #FFFFE2; 
transform: translateZ(-1px);
	
}
.title{ 
position: absolute; 
text-align: left;
left: 50%;  
top: 55%; 
-webkit-transform: translate(-50%, -50% ); 
transform: translate(-50%, -50%); 
font-size: 40px; 
	width: 500px; 
}
.p{ 
text-color: #fff; 
font-size: 10px; 
}
.parallax-layer{ 
padding-top: 120vh ;
padding-right: 100vh;
text-align: center;
overflow-x: inherit;
	overflow-y: visible;
}

.a{
	font: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: #000000;
}
a:link{ 
color: #00000; 
}
a:visited{ 
color: #5F996D}
.container{ 
}
a:hover{ 
color: #F89000; 
}
.menu{ 
}
#menu{ 
}