.hero {
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
	padding-top: 10%;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 80%;
	min-height: 250px;
	}


/* .... MOUSE ANIM...... */


.Mouse {
	display: block;
	margin: 0 auto;
	width: 26px;
	height: 46px;
	border-radius: 13px;
	border: 2px solid white;
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -26px;
	background-color: rgba(255, 255, 255, 0.05);

	}
	.Mouse span {
		display: block;
		margin: 6px auto;
		width: 3px;
		height: 3px;
		border-radius: 4px;
		background: white;
		border: 1px solid transparent;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		}
		.Mouse.Y span {
			-webkit-animation-name: scroll-Y;
			animation-name: scroll-Y;
			}
		
		.Mouse.X span {
			-webkit-animation-name: scroll-X;
			animation-name: scroll-X;
			margin-left: 15px;
			}


.Mosaique div.Mouse {
	padding:0;
	width: 26px;
	height: 46px;
	margin-left: 0;
	Float: none;
	border: 2px solid #ccc;
	left: 1%;
	top: 0px;
	}
	.Mosaique div.Mouse span{
		background: #666;
		}




@-webkit-keyframes scroll-Y {
0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
	100% {
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	}
	}
@keyframes scroll-Y {
0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
		}
		}


@-webkit-keyframes scroll-X {
0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
		}
		}
@keyframes scroll-X {
0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px);
		}
		}