@media only screen and (min-width: 320px){
   #show {
      height: auto;
   }
   #show .slide {
      display: none;
   }
}

@media only screen and (min-width: 480px){
   #show {
      height: 100px;
      position: relative;
   }
   #show .slide {
      display:inherit;
   }
}

@media only screen and (min-width: 768px){
   #show {
      height: 187px;
   }
   #show .slide {
      padding-left: 4%;
      display:inherit;
   }
}

@media only screen and (min-width: 1024px){
   #show {
      height: 309px;
   }

   #show .slide {
      padding-left: 7%;
      display:inherit;
   }
}
/* slideshow frame */
#show {
	position: relative;
	text-align: center;
	z-index:0;
}

#show .slide {
	position: absolute;
	height: auto;
   width: 100%;
	overflow: hidden;
	text-align: center;
}

#show p {
	position: relative;
	font-size: 13px;
	text-align: right;
	z-index: 5;
	padding: 50px;
	font-size: 59px;
	margin-top: -30%;
	color: black;
	letter-spacing: -5px;
	font-style: large;
}

/* single image -copy from here */
.img1 {
	-webkit-animation: img1 30s infinite;
	-moz-animation: img1 30s infinite;
	-ms-animation: img1 30s infinite;
	-o-animation: img1 30s infinite;
	animation: img1 30s infinite;
}

@keyframes "img1" {
 0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 10% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }
 20% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }
 30% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }
 40% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 50% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 60% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 70% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 80% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 90% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }

}

@-moz-keyframes img1 {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 10% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 20% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 30% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 40% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 50% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 60% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 70% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 80% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 90% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   filter: alpha(opacity=0);
   opacity: 0;
 }

}

@-webkit-keyframes "img1" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 10% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 20% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 30% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 40% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 50% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 60% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 70% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 80% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 90% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   filter: alpha(opacity=0);
   opacity: 0;
 }

}

@-ms-keyframes "img1" {
 0% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 10% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }
 20% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }
 30% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }
 40% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 50% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 60% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 70% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 80% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 90% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }

}

@-o-keyframes "img1" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 10% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 20% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 30% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 40% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 50% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 60% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 70% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 80% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 90% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   filter: alpha(opacity=0);
   opacity: 0;
 }

}

/*
to that moment
then change the number on img {
}

also you have to make it right with % (remember!)
 */
.img2 {
	-webkit-animation: img2 30s infinite;
	-moz-animation: img2 30s infinite;
	-ms-animation: img2 30s infinite;
	-o-animation: img2 30s infinite;
	animation: img2 30s infinite;
}

.img3 {
	-webkit-animation: img3 30s infinite;
	-moz-animation: img3 30s infinite;
	-ms-animation: img3 30s infinite;
	-o-animation: img3 30s infinite;
	animation: img3 30s infinite;
}

/* keyframing */
@keyframes "img2" {
 0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 10% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 20% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 30% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 40% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }
 50% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }
 60% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }
 70% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 80% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 90% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }

}

@-moz-keyframes img2 {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 10% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 20% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 30% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 40% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 50% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 60% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 70% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 80% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 90% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   filter: alpha(opacity=0);
   opacity: 0;
 }

}

@-webkit-keyframes "img2" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 10% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 20% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 30% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 40% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 50% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 60% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 70% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 80% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 90% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   filter: alpha(opacity=0);
   opacity: 0;
 }

}

@-ms-keyframes "img2" {
 0% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 10% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 20% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 30% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 40% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }
 50% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }
 60% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }
 70% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 80% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 90% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }

}

@-o-keyframes "img2" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 10% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 20% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 30% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 40% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 50% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 60% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 70% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 80% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 90% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 100% {
   filter: alpha(opacity=0);
   opacity: 0;
 }

}

@keyframes "img3" {
 0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 10% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 20% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 30% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 40% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 50% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 60% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
 }
 70% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }
 80% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }
 90% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }
 100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
 }

}

@-moz-keyframes img3 {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 10% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 20% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 30% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 40% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 50% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 60% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 70% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 80% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 90% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

@-webkit-keyframes "img3" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 10% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 20% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 30% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 40% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 50% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 60% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 70% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 80% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 90% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

@-ms-keyframes "img3" {
 0% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 10% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 20% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 30% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 40% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 50% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 60% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 }
 70% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }
 80% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }
 90% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }
 100% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
 }

}

@-o-keyframes "img3" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 10% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 20% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 30% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 40% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 50% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 60% {
   filter: alpha(opacity=0);
   opacity: 0;
 }
 70% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 80% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 90% {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
 }

}
