.container.av-logo-container.color-simulator {
	display: none;
}
@media only screen and (min-width: 1920px) {
	#hero-target {
		position: relative;
		width: 1024px;
		height: 768px;
		margin: auto;
	}

	#stain-target,
	#roof-target {
		width: 1024px;
		margin: auto;
	}
}

#hero-target {
	position: relative;
	width: 920px;
	height: 690px;
	margin: auto;
}

#stain-target,
#roof-target {
	width: 920px;
	margin: auto;
}
#stain-target {
	margin-top: 2rem;
}
@media only screen and (max-width: 1068px) {
	#hero-target,
	#stain-target,
	#roof-target {
		width: 720px;
	}
	#hero-target {
		height: 540px;
	}
}

@media only screen and (max-width: 768px) {
	#hero-target,
	#stain-target,
	#roof-target {
		width: 500px;
	}
	#hero-target {
		height: 375px;
	}
}

#target-image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-image: url(../images/cabin2/c2-stain-colors/cabin-2-natural-oak.png);
	background-repeat: no-repeat;
}
.overlay-image  {
	top: 0;
	left: 0;
	position: absolute;
	background-size: cover;
	width: 100%;
	height: 100%;
}

#roof {
	background-image: url('../images/clear.png');
}

#select-roof {
	display: grid;
	grid-template-columns: repeat(6,1fr);
}

roof:hover {
	cursor: pointer;
}


#cabin1-color-simulator #target-image {
	background-image: url(../images/cabin1/c1-stain-colors/cabin-1-natural-oak.png);
}

#cabin2-color-simulator #target-image {
	background-image: url(../images/cabin2/c2-stain-colors/cabin-2-natural-oak.png);
}

#stain {
	background-image: url('../images/clear.png');
}
.select-overlay {
	margin: 1rem 0;
}
#select-stain {
	display: grid;
	grid-template-columns: repeat(7,1fr);
}

stain:hover {
	cursor: pointer;
}

/* Natural Light */
stain:nth-child(1) {
	background-image: url('../images/thumbs/natural-light.png');
}
/* Natural */
stain:nth-child(2) {
	background-image: url('../images/thumbs/natural.png');
}
/* Natural Oak */
stain:nth-child(3) {
	background-image: url('../images/thumbs/natural-oak.png');
}
/* Cedar */
stain:nth-child(4) {
	background-image: url('../images/thumbs/cedar.png');
}
/* Butternut */
stain:nth-child(5) {
	background-image: url('../images/thumbs/butternut.png');
}
/* Teak */
stain:nth-child(6) {
	background-image: url('../images/thumbs/teak.png');
}
/* Dark Oak */
stain:nth-child(7) {
	background-image: url('../images/thumbs/dark-oak.png');
}

#select-stain {
	display: grid;
	grid-template-columns: repeat(7,1fr);
}
#select-stain stain,
#select-roof roof {
	color: #eef;
	text-align: center;
	padding: .6rem;
	font-size: 95%;
	line-height: 1;
}

@media only screen and (max-width: 768px) {
	#select-stain stain,
	#select-roof roof {
		padding: .4rem;
		font-size: 100%;
	}
}


#select-roof > roof:nth-child(1),
#select-roof > roof:nth-child(2),
#select-roof > roof:nth-child(3),
#select-roof > roof:nth-child(4),
#select-roof > roof:nth-child(5)  {
	text-shadow: 1px 1px gray;
}