.centered{
	width: 100%;
    height: auto;
    text-align:center;
}

#showcaseLabel{
	padding-bottom: 3%;
	font-family: "Oswald", Sans-serif;
    font-size: 17px;
    font-weight: 500;
}

.lightText{
	color: #FDFDFD;
}

.darkText{
	color: #44687D;
}

#resShowcase {
	min-height: 250px;
}
#resThermocraft, #comThermodoor {
	position:absolute;
	z-index:6;
	transition:all .3s ease-in;
}
#resFlush, #comSCIndustrial { 
	position:absolute; 
	z-index:5; 
	left:7%; 
	transition:all .3s ease-in;
}
#resRanchcraft, #comFlush { 
	position:absolute;
	z-index:4;
	left:14%;
	transition:all .3s ease-in;
}
#resContemporary, #comContemporary { 
	position:absolute;
	z-index:3;
	left:21%;
	transition:all .3s ease-in;
}
#resCarriagecraft, #comSA6000 { 
	position:absolute;
	z-index:2; 
	left:28%;
	transition:all .3s ease-in;;
}
#comSA7000{
	position:absolute; 
	z-index:auto; 
	left:35%; 
	transition:all .3s ease-in;
}
#resMCM { 
	position:absolute; 
	z-index:1; 
	left:35%; 
	transition:all .3s ease-in;
}
#resEsteem { 
	position:absolute; 
	z-index:auto; 
	left:42%; 
	transition:all .3s ease-in;
}

	
#resThermocraft:hover, #resFlush:hover, #resRanchcraft:hover, #resContemporary:hover,
#resCarriagecraft:hover, #resMCM:hover,#resEsteem:hover,
#comThermodoor:hover, #comSCIndustrial:hover, #comFlush:hover, #comContemporary:hover,
#comSA6000:hover, #comSA7000:hover{
	transform:translateY(-5rem);
	z-index:8;
}


#resThermocraft #showcaseLabel, #resFlush #showcaseLabel, #resRanchcraft #showcaseLabel, #resContemporary #showcaseLabel,
#resCarriagecraft #showcaseLabel, #resMCM #showcaseLabel,#resEsteem #showcaseLabel,
#comThermodoor #showcaseLabel, #comSCIndustrial #showcaseLabel, #comFlush #showcaseLabel, #comContemporary #showcaseLabel,
#comSA6000 #showcaseLabel, #comSA7000 #showcaseLabel{
	display: none;
}

#resThermocraft:hover #showcaseLabel, #resFlush:hover #showcaseLabel, #resRanchcraft:hover #showcaseLabel, #resContemporary:hover #showcaseLabel,
#resCarriagecraft:hover #showcaseLabel, #resMCM:hover #showcaseLabel,#resEsteem:hover #showcaseLabel,
#comThermodoor:hover #showcaseLabel, #comSCIndustrial:hover #showcaseLabel, #comFlush:hover #showcaseLabel, #comContemporary:hover #showcaseLabel,
#comSA6000:hover #showcaseLabel, #comSA7000:hover #showcaseLabel{
	display: block;

}

/* ==================  RESPONSIVE MEDIA QUERIES =========================== */
/* Scale fan to fit in container based on these breakpoints */

@media only screen and (max-width: 449px) {
	#resShowcase{
		min-height: 150px;
	}
	.responsive_fan {
		height: 130px !important;
		width: auto;
	}
}

@media only screen and (min-width: 450px) and (max-width: 559px){
	#resShowcase{
		min-height: 220px;
	}
	.responsive_fan {
		height: 178px !important;
		width: auto;
	}

	.showcase_button{
		width:50% !important;
	}
}

@media only screen and (min-width: 560px) and (max-width: 767px){

	.showcase_button{
		width:50% !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 869px){
	#resShowcase{
		min-height: 160px;
	}
	.responsive_fan {
		height: 150px !important;
		width: auto;
	}
}

@media only screen and (min-width: 870px) and (max-width: 979px){
	#resShowcase{
		min-height: 160px;
	}
	.responsive_fan {
		height: 175px !important;
		width: auto;
	}
}

@media only screen and (min-width: 980px) and (max-width: 1090px){
	#resShowcase{
		min-height: 220px;
	}
	.responsive_fan {
		height: 200px !important;
		width: auto;
	}
}