html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}
#contenedor {
	width: 100%;
	overflow: hidden;
	scroll: none;
}
.backgroundImage--fast, .backgroundImage--slow, #contenedor {
    height: 100%;
    position: absolute;
    top: 0;
	left:0;
}

.backgroundImage--slow	{ 
    background: url(../images/layer-one.png);
	right: 0;
    bottom: 0;
    z-index: 0;
    background-size: contain;
    width:100%;
    /*animation: bg-scrolling 35s infinite linear;
	animation-name: bg-scrolling;
    animation-timing-function: linear;
    animation-delay: initial;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;*/
}
.backgroundImage--fast	{ 
    background: url(../images/layer-two.png);
	right: 0;
    bottom: 0;
    z-index: 0;
    background-size: contain;
    width: 100%;
    /*animation: bg-scrolling 20s infinite linear;
	animation-name: bg-scrolling;
    animation-timing-function: linear;
    animation-delay: initial;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;*/
	
}
/*
@keyframes bg-scrolling {
  from {
   transform: translate(0px, 0px);
  }
  to {
   transform: translate(-51%, 0px);
   background-repeat: repeat;
  }
}*/

 @keyframes bg-scrolling {
	0%{transform: translate(0px, 0px);}
	100% {transform: translate(-50%, 0px);
	background-repeat: repeat;
	}
} /*
@-moz-keyframes bg-scrolling {
	0% { background-position: 0 0; }
	100% { background-position:-100% 0; }
}
@-webkit-keyframes bg-scrolling {
	0% { background-position: 0 0; }
	100% { background-position: -300px 0; }
}
@-ms-keyframes bg-scrolling {
	0% { background-position: 0 0; }
	100% { background-position: -300px 0; }
}
@-o-keyframes bg-scrolling {
	0% { background-position: 0 0; }
	100% { background-position: -300px 0; }
} 
*/
@keyframes animatedBird {
	0% { background-position: 0 100%; }
	100% { background-position: 100% 0; }
}
@-moz-keyframes animatedBird {
	0% { background-position: 0 25%; }
	100% { background-position: 100% 0; }
}
@-webkit-keyframes animatedBird {
	0% { background-position: 0 25%; }
	100% { background-position: 100% 0; }
}
@-ms-keyframes animatedBird {
	0% { background-position: 0 25%; }
	100% { background-position: 100% 0; }
}
@-o-keyframes animatedBird {
	0% { background-position: 0 25%; }
	100% { background-position: 100% 0; }
}
/*
html { 
	font-family: Calibri, Arial, sans-serif;
	width: 100%; 
	height: 100%; 
	background-image: url(background.png);
	background-position: 0px 0px;

	animation: animatedBackground 10s linear infinite;
	-moz-animation: animatedBackground 10s linear infinite;
	-webkit-animation: animatedBackground 10s linear infinite;
	-ms-animation: animatedBackground 10s linear infinite;
	-o-animation: animatedBackground 10s linear infinite;
} */
body {
	margin: 0;
}
#bird {
	width: 100%; 
	height: 100%;	
	position: absolute;
	background-image: url(../images/bird.gif);
	background-repeat: no-repeat;

	animation: animatedBird 10s linear infinite;
	-moz-animation: animatedBird 10s linear infinite;
	-webkit-animation: animatedBird 10s linear infinite;
	-ms-animation: animatedBird 10s linear infinite;
	-o-animation: animatedBird 10s linear infinite;
}
.content {
	width: 90%;
	margin: 2.5%;
	padding: 2.5%;
	background: rgba(255,255,255,0.8);
}