body {
  background-color: #eeeeee !important;
}

/* show only image backgrounds (no videos) on mobile devices */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 720px)
 {

.s1 {
   background-image: url('../img/poster-1.png');  
}

.s2 {
  background-image: url('../img/poster-2.png');
 }

.s3 {
  background-image: url('../img/poster-3.png');
}

.s4 {
background-image: url('../img/poster-4.png');
}

video {
  display: none;
}

.play-button {
  display: none;
}

header {
  padding-top: 250px;
  background-image: url('../img/header-bg-mobile.jpg'); 
}

}

.s1 {
  /* background-image: url('../img/2.jpg'); */ 
  width: 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.s2 {
/*  background-image: url('../img/1.jpg');*/
  width: 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.s3 {
/*  background-image: url('../img/3.jpg');
*/  width: 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.s4 {
/*  background-image: url('../img/1.png');
*/  width: 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.white {
  color: white !important;
}

.pixels {
  height: 1% !important;
}

.little-button {
  width: 30%;
}

.second-nav {
  display: none;
}

.arrow:hover .second-nav {
display: block;
}

h4, p, {
    color: white;}

.right {
  float: right;
  align: right;} 

.tiny {
  width: 50%;}

/*
/* by http://jsfiddle.net/user/mgmilcher/fiddles/ */
.no-video .video-container video,
.touch .video-container video {
  display: none;
}

.no-video .video-container .poster,
.touch .video-container .poster {
  display: block !important;
}

.video-container {
  position: relative;
  bottom: 0%;
  left: 0%;
  size: cover !important;
  overflow: hidden;
  background: #fff;
  vertical-align: middle;
  margin:auto;
}

.video-container .poster img {
  width: 100%;
  bottom: 0;
  position: absolute;
}

.video-container .filter {
  position: absolute;
  width: 95%;
}

.video-container .title-container {
  z-index: 1000;
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
}

.video-container .description .inner {
  font-size: 1em;
  margin: 0 auto;
}

.video-container .link {
  position: absolute;
  bottom: 3em;
  text-align: center;
  z-index: 1001;
  font-size: 2em;
  color: #fff;
}
.video-container .link a {
  color: #fff;
}
.video-container video {
  position: absolute;
  z-index: 0;
  bottom: 0;
}
.video-container video.fillWidth {
  width: 100%;
}

video {
  width: 100%;
}

#return-to-bubes {
  width: 80%
}

.about-page {
  color: #fff !important;
}

.asher-description {
  width: 60%;
  margin: auto;
}