#HomeDescription a {color: #ffcc60 !important; font-weight: bold; text-decoration: none}
#HomeDescription a:hover {color : #ffffff !important; text-decoration: none}
#HomeDescription a:active {color : #88ffb8 !important; text-decoration: none}

#HomeDescription h3 { 
	color : #ffffff !important;
	text-shadow: 1px 1px 1px #074ba0 !important;
}

/* 
#MainContent {
 	background: #2aa8e7 !important;
}
 */

#MainContent {
	text-shadow: none !important;
	color: #ffffff !important;
}

.HomeGalleryContainer {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	text-align: left
}


.HomeGalleryWrapper {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
}

.HomeGalleryTable {
	width: 96%;
    height: auto;
	border-collapse: collapse !important;
	border-spacing: 0px !important;
	border: 0px !important;
	padding: 0px 0px 0px 0px !important; 
	margin: 0px 0px 0px 0px !important;
	display: table;
}
.HomeGalleryTR {
	border: 0 !important;
	padding: 0px 0px 0px 0px !important; 
	margin: 0px 0px 0px 0px !important;
	display: table-row;
}
.HomeGalleryTD {
	border: 0 !important;
	padding: 12px 0px 0px 10px !important; 
	margin: 0px 0px 0px 0px !important;
	display: table-cell;
	position: relative;
	height: 22vw;
}





/* 
.HomeBeforeAfterWipe {
	width: 99%;
	max-width: 600px;
	position: relative;
	
}
 */

.HomeBeforeAfterWipe div {
	position: absolute;
	width: 31vw;
}

.HomeBeforeAfterWipe div:nth-child(2) {
	-webkit-animation: wipe 2s infinite;
	-webkit-animation-direction: alternate;
	-webkit-mask-size: 2000px 2000px;
	-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, 
			color-stop(0.00,  rgba(0,0,0,1)),
			color-stop(0.45,  rgba(0,0,0,1)),
			color-stop(0.50,  rgba(0,0,0,0)),
			color-stop(0.55,  rgba(0,0,0,0)),
			color-stop(1.00,  rgba(0,0,0,0)));
}


.HomeBeforeAfterWipe1 div:nth-child(2) {
	-webkit-animation-delay: 1s;
}
.HomeBeforeAfterWipe2 div:nth-child(2) {
	-webkit-animation-delay: 1.5s;
}
.HomeBeforeAfterWipe3 div:nth-child(2) {
	-webkit-animation-delay: 2s;
}

/* 
.HomeBeforeAfterWipe div img {
	border: 3px solid white;
	outline: 1px solid grey;
}
 */

@-webkit-keyframes wipe {
	0% {
		-webkit-mask-position: 0 0;
	}
	100% {
		-webkit-mask-position: -1200px -1200px;
	}
}


@media screen and (max-width: 1100px) {
	.HomeGalleryTD {
		height: 21vw;
	}
	.HomeBeforeAfterWipe div {
		width: 30vw;
	}
}
@media screen and (max-width: 880px) {
	.HomeGalleryTD {
		height: 20vw;
	}
	.HomeBeforeAfterWipe div {
		width: 28vw;
	}
}
@media screen and (max-width: 700px) {
	.HomeGalleryTD {
		height: 19vw;
	}
	.HomeBeforeAfterWipe div {
		width: 27vw;
	}
}

@media screen and (max-width: 600px) {

	.HomeBeforeAfterWipe div {
		position: absolute;
		width: 91vw;
	}

	.HomeGalleryContainer, #HomeDeckStainingWrapper {
		height: 225vw;
	}

	.HomeGalleryTable, 
	.HomeGalleryTR, 
	.HomeGalleryTD {
		display: block;
		width: 100%
	}
	.HomeGalleryTD {
		padding: 10px 0px 10px 0px;
		text-align: center
		height: 99vw;
	}

	.HomeBeforeAfterWipe {
		width: auto;
		margin: 12px 12px 12px 12px;
		height: 72vw;
	}
}

/* 
@media screen and (max-width: 480px) {
	.HomeGalleryContainer, #HomeDeckStainingWrapper {
		height: calc(100vw * .16);
	
	}
}
@media screen and (max-width: 420px) {
	.HomeGalleryContainer, #HomeDeckStainingWrapper {
		height: calc(100vw * .15);
	
	}
}
@media screen and (max-width: 380px) {
	.HomeGalleryContainer, #HomeDeckStainingWrapper {
		height: calc(100vw * .14);
	
	}
}
 */