.body { margin:0;}


/* Slideshow container */
.slideshow-container {
  
  position: relative;   /*this allows positioning of the child elements using position:absolute */
  margin-top: 90px; /*same as height of NavBar */

  
  
  
}

.slideshow-container  img { max-width: 2000px; display:block; margin:auto;}



/* Hide the images by default THIS PREVENTS MAC BUG*/
.mySlides {
  display: none;
 
}


.fade-in-out {
  animation-name: fade-in-out;
 animation-duration: 5s; /*this needs to be the same as the Javascript */
 animation-timing-function: ease-in-out;
 
}



@keyframes fade-in-out {
  0% { opacity: 0; }
  
  15% {opacity:1;}
  85% { opacity: 1; }
 
  100% { opacity: 0; }
}

@-webkit-keyframes fade-in-out {
  0% { opacity: 0; }
  
  15% {opacity:1;}
  85% { opacity: 1; }
 
  100% { opacity: 0; }
}