.slideshowFade {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0.65;
  pointer-events: none;
}

.slideshowText {
	position:absolute;
	z-index: 100;
	height: 15%;
	width: 100%;
	top: 75%;
	background-color: transparent;
	pointer-events: all;
	opacity: 1;
	color: black;
	font-weight: 1000;
}

#slideshowContent {
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	text-align: center;
	position: relative;
	top: -20%;
	margin: 2% 10% 2% 10%;
}

.slideshowText:hover #slideshowText1 {
	display: none;
}

.slideshowText:hover #slideshowText2 {
	display: block;
}

#slideshowText1 {
	text-align: center;
	font-size: 48px;
	top: 40%;
}

#slideshowText2 {
	position: relative;
	display:none;
	text-align: center;
	font-size: 24px;
	top: 20px;
}

.slideshowFade img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slideshowFade img:nth-of-type(1) {
	animation-name: fader;
	animation-delay: 4s;
	animation-duration: 1s;
	z-index: 20;
}
.slideshowFade img:nth-of-type(2) { 
	z-index: 10; 
}
.slideshowFade img:nth-of-type(n+3) {
	display: none;
}

@keyframes fader {
  from 	{ opacity: 1.0;}
  to 	{ opacity: 0.0;}
}


#findUs {
	background-color: #f5f5f5; 
	color: #777;
	text-align: center;
}

#findUsText {
	font-size: 36px;
}

#findUsIcon {
	font-size: 260px;
	color: #777;
}

#findUsLink {
	cursor: pointer;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: 0}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 0}
  to {opacity: 1}
}

@media screen and (max-width: 900px) {
	.slideshowFade {
		height: 60%;
	}
	
	.slideshowText {
		height: 20%;
	}
	
	#slideshowText1 {
		font-size: 24px;
	}
	#slideshowText2 {
		font-size: 12px;
	}
}

#assocDiv {
	text-align: center;
	padding-right: 5%;
	background-color: white;
}

#assocDiv img {
	max-height: 200px;
	padding-left: 3%;
	max-width: 15%;
}

#assocDiv #shortImg {
	padding-bottom: 80px;
}

@media screen and (max-width: 900px) {
	#assocDiv img {
		max-height: 50px;
	}
	#assocDiv #shortImg {
		padding-bottom: 15px;
	}
	#findUs {
		padding: 0;
	}
	#findUsIcon {
		font-size: 120px;
	}
}

@media screen and (max-width: 500px) {
	#findUsIcon {
		font-size: 80px;
	}
}