html, body{
  height: 100%;
}
/* Parallax is used to keep the background in place */
.parallax {
  background-image: url(../media/images/LakeMIShore1.jpeg);
  min-height: 500px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* The blue bar below the nav*/
.header {
  background-color: rgb(27, 86, 138);
  opacity: .8;
  min-height: 20px;
}
/* Navbar accessories */
.navbar a {
  color: black;
  padding: 12px;
  text-decoration: none;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 25px;
}
.navbar a:hover {
  background-color: rgba(201, 163, 67, 0.767);
  color: white;
}

.navbar a.active {
  background-color: rgba(201, 163, 67, 0.767);
  color: white;
}
/* Northern Shore Media text in navbar */
.navbar-brand {
color: black;
padding-left: 10px;
font-family: "Amatic SC", sans-serif;
font-weight:bold;
}
/* The main part of the page, everything but footer */
#main{
  overflow: auto;
  min-height: 92%;
}
/* effects the p tags EXCEPT for the footer p tag */
#main p{
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: large;
  background-color: aliceblue;
  padding: 5px;
  border-radius: 10px;
} 
/* for the headers */
h2{
  text-align: center; 
  text-shadow: 1px 1px aliceblue;
  font-family: Arial;
}