body {
  background-image: url('images/Cottage_Transparent.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

div.banner {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; text-align: center;
  width: 100%; height: 80px; font-size: 3.5em}

div.slideshow-container {width: 55%; height:700px;}

div.environ_data {  font-family: Arial, Helvetica, sans-serif; width: 45%; height: 700px; float: right;
  text-align: center; font-weight: bold; font-size: 1.25em}

div.footer {  font-family: Arial, Helvetica, sans-serif; width: 100%; height:60px; background: #000000;
  color: #FFFFFF; text-align: center; font-size:0.8em; text-decoration: none; padding: 0% 0% 0% 0%;
  position: fixed; bottom: 0}
a.footer {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF}
a.footer:link {color: #FFFFFF}
a.footer:visited {color: #FF0000}
a.footer:hover {color: #00FF00; background: # #000000}
 
.mySlides {display: none}

.slideshow-container .mySlides img {
  width: 80%;
  height: 80%
  object-fit: cover;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 5.0s;
  animation-name: fade;
  animation-duration: 5.0s;
}

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

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