body {
      width: 100vw;
	  margin: 0;
      height: 100vh;
      background-image: transparent;

}

@keyframes bgSlideShow {
    0% {
        opacity: 1;
    }
	23% {
		opacity: 1;
	}
	25% {
    	opacity: 0;
	}
	98% {
		opacity: 0;
	}
    100% {
        opacity: 1;
    }
}


div#bg {
    width: 100vw;
    height: 100vh;
    background-size: cover;
    margin: 0;
	position: relative;
}

div#bg > div.slide {
    animation: bgSlideShow 80s ease-in-out infinite;
    background-position: center;
    background-size: cover;
	background-attachment: fixed;
    height: 100%;
    position: absolute;
    width: 100%;
}

div#bg > div.slide-1 {
    animation-delay: 0s;
    background-image: url('/images/forest_floor_insects_5.jpg');
    z-index: 4;
}
div#bg > div.slide-2 {
    animation-delay: 20s;
    background-image: url('/images/forest_floor_litter_2.jpg');
    z-index: 3;
}
div#bg > div.slide-3 {
    animation-delay: 40s;
    background-image: url('/images/forest_floor_2_insects.jpg');
    z-index: 2;
}
div#bg > div.slide-4 {
    animation-delay: 60s;
    background-image: url('/images/forest_floor_debris_leafs.jpg');
    z-index: 1;
}


div#container {
	width: 100vw;
	height:100vh;
	position: absolute;
	z-index: 10;
	top:0;
}

div#container > h2 {
	font-size: 7.5rem;
	text-align:center;
	color:#ffaa33;
	font-family: "Century Gothic", AppleGothic, sans-serif;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000,
          -1px 1px 0 #000, 1px 1px 0 #000;
}

div#container > p {
	text-align:center;
	color: #fff;
	font-size: 2.75rem;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
}