#description p {
  font-size: 22px;
  color: black;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-family: 'Comfortaa', cursive;
}

#description {
  background-color: #ffffff;
  opacity: 0.9;
  margin-bottom: 50px;
}

#slideBar {
  margin: 50px;
  text-align: center;
  font-size: 20px;
  float: none;
  text-align: center;
}

#slider-range {
  margin-bottom: 50px;
}

.sort {
  background-color: #ffffff;
  opacity: 0.9;
  width: 100px;
}

.dropDown {
  width: 240px;
  height: 34px;
  overflow: hidden;
  background: url(new_arrow.png) no-repeat right #ddd;
  border: 1px solid #ccc;
  }

p {
  font-size: 24px;
  font-family: 'Comfortaa', cursive;
}

input {
  margin-top: 25px;
  width: 25px;
  text-align: left;
}

label {
  background-color: #ffffff;
  opacity: 0.9;
  text-align: center;
}

.nav {
  width: 250px;
  text-align: center;
  padding-top: 100px;
  font-size: 20px;
}

select {
  width: 100px;
  margin-bottom: 20px;
}

li {
  padding: 10px 0 10px 0;
}

div.thumbnail img{
   max-height: 230px;
   max-width:  230px;
}

div.thumbnail {
   max-width:  286px;
   /*box-shadow: 0px 0px 10px #000066;*/
   height: 350px;
}

div.caption {
  position: absolute;
  bottom: 10px;
  left: 20px;
}

body{
  background-image: url('../images/clean-water.jpg');
  background-size: 100%;
  background-attachment: fixed;*/
  position:sticky;
}

canvas {
  font-style: italic;
}