/*
   =====================================================

   PARALLAX SCROLLING STYLE SHEET
   
   Source:
   http://www.w3schools.com/howto/howto_css_parallax.asp

   =====================================================
*/

.module {
   clear: both;
}


div.module p {
   margin-bottom: 40px;
   font-size: 16px;
   font-weight: 300;
   color: #eee;
}


div.module.content {
   padding: 40px;
}

div.module.content1 {
   background: #884;
}

div.module.content2 {
   background: #A44;
}

div.module.content3 {
   background: #44A;
}

div.parallax {
   height: 350px;
   background-repeat: no-repeat;
   -webkit-background-size: cover;   
   background-size: cover;
   -webkit-background-size: 100%;   
   background-size: 100%;   
   background-position: center;
}


div.parallax-1 {
   background-image: url("../img/becca_1500x500.jpg");
   background-position: top;
}



div.parallax-2 {
   background-image: url("../img/party_1500x500.jpg");
}

div.parallax-interiors {
   background-image: url("../img/kitchen_1500x500.jpg");
}

div.parallax-food {
   background-image: url("../img/food_1500x500.jpg");
}

div.parallax-theatre {
   background-image: url("../img/theatre_1500x500.jpg");
}

div.parallax-music {
   background-image: url("../img/music_1500x500.jpg");
}

div.module:last-child {
   margin-bottom: 0;
}

div.module p:last-child {
   margin-bottom: 0;
}





div.parallax h1 {
   margin: 135px 0 0 0;
   padding: 0;
   color: rgba(255, 255, 255, 0.8);
   font-size: 60px;
   font-weight: 600;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 0.1em;
   text-shadow: #444 1px 1px 3px;
}

/*
div.parallax-interiors h1,
div.parallax-theatre h1,
div.parallax-interiors h1 {
   margin-top: 12%;
}

div.parallax-interiors h1 {
   margin-top: 133px;
}
*/

@media all and (max-width: 899px) {
   div.parallax {
      height: 250px;
   }
   div.parallax h1 {
      font-size: 35px;
      margin-top: 100px;
   }
}


@media all and (max-width: 639px) {
   div.parallax {
      height: 150px;
   }
   div.parallax h1 {
      font-size: 25px;
      margin-top: 65px;
   }
}