@charset "UTF-8";
/* CSS Document */
body{background-color:#294D45;}
#navcolor{background-color:#294D45;}
h2{color:darkgray;}
footer{color:darkgray;}


.card-img-top {
    width:330px; 
    height: 214px; 
    border-radius: 5px; 
    display:block; 
    margin: 5px auto; background-size: 100%; background-repeat: none; 
    z-index: 5;
}
.card-img-top {opacity: .5; transition: opacity 2s;}
.card-img-top:hover {
	opacity:1.0;}

#slideshow-wrapper {
  width: 100%;
  height: 441px;
}
#slideshow {
  width: 100%;
  height: 441px;
  overflow: hidden;
  white-space: nowrap;
}
#slideshow img {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.circle {
  display: inline-block;
  background-color: lightgray;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 15px;
}
#circle-nav {
  margin-top: -50px;
  text-align: center;
}
#banner {background-image: url("../up-north-supplemental-materials/up-north-supplemental-materials/images/attractions/Harbor.png"); height:440px; width:100%;}