body {
  background-color: rgba(255, 255, 255);
  font-size: 1em;
}

/*
.container {
  width: 100%;
}
*/

.full {
}

.fwidth {
	width: 100vw;
}

.container-1 {
  position: relative;
  top: 0;
  left: 0;
  /*
  height: 100vh;
    width: 100vw;
	*/
  background-image: url('../images/bg(2).jpg');
  background-size: cover;
  background-position: 50% 50%;
}

.container-2 {
    position: relative;
	/*
  height: 100vh;
width: 100vw;
*/
    background-color: #FAF9F9;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow {
  position: absolute;
  left: 49%;
  bottom: 10px;
  width: 40px;
  height: 40px;
  background-image: url('../images/asdf-64x64.png');
  opacity: 0.7; 
  filter: alpha(opacity=20);
  background-size: contain;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}