html.help { height: 95%; }
body { background: -webkit-linear-gradient(#A8DADC,#F1FAEE);
       background: -o-linear-gradient(#A8DADC,#F1FAEE);
       background: -moz-linear-gradient(#A8DADC,#F1FAEE);
       background: linear-gradient(#A8DADC,#F1FAEE);
       padding: 5% 0% 5% 0%; }

.navbar { font-family: 'Indie Flower', cursive !important; }
.navbar-brand { font-family: 'Indie Flower', cursive; font-size: 1.4rem; }
.navbar-nav a { font-size: 1.4rem; }
.dropdown-menu.inverse a { font-size: 1.4rem; }

@media (min-width: 992px) {
.navbar-brand { font-family: 'Indie Flower', cursive; font-size: 1.2rem; }
.navbar-nav a { font-size: 1.2rem; }
.dropdown-menu.inverse a { font-size: 1.2rem; }
 }

.chat { color: #000000; 
	margin: 0% 5% 0% 5%; 
	text-align: center; 
	font-family: Indie Flower, cursive; 
	font-size: 1.5rem; }

.link { color: #000000;
	text-align: center;
	font-family: Indie Flower, cursive;
        font-size: 1.5rem; }

.parallax { background: #A8DADC;
            padding: 4% 0% 4% 0%; }

.header { color: #FFFFFF;
	  font-size: 4rem;
	  font-family: Indie Flower, cursive;
	  text-shadow: 3px 3px 1px #000000;
          text-align: center; }

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgimg-1 {
  background-image: url("photo66.jpg");
  min-height: 100%;
}

.bgimg-2 {
  background-image: url("photo44.jpg");
  min-height: 100%;
}

.bgimg-3 {
  background-image: url("photo88.jpg");
  min-height: 100%;
}

.bgimg-4 {
  background-image: url("photo11.jpg");
  min-height: 100%;
}

.bgimg-5 {
  background-image: url("photo55.jpg");
  background-position: center bottom;
  min-height: 100%;
}

.caption {
  position: absolute;
  left: 0;
  top: 40%;
  width: 100%;
  text-align: center;
  color: #000;
}

@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {
    background-attachment: scroll;
  }
}

.chatroom { margin: 0%;
            width: 100%;
            height: 80vh;
}

@media (min-width: 992px) {
.chatroom { margin: 0% 5% 0% 5%;
            width: 90%;
            height: 79.5vh; }
}