h1, h2 {font-weight:lighter;}

/* The only rule that matters */
#video-background {
/*  making the video fullscreen  */
  position: absolute;
  left: 0; 
  right:0;
  bottom: 0;
  width: 100%; 
  max-width:1400px;
  margin: 0 auto;
  background-position: center; 
  height: auto;
  z-index: -100;
  margin-left:1px;
}

@media (min-width: 768px) {
.RR {
	width:43px;
	height:43px;
	z-index:10;
	position: absolute;
	left:35.5%;
	top:53%;
	}
}
	
@media (max-width: 768px) {
.RR {
	width:20px;
	height:20px;
	z-index:10;
	position: absolute;
	left:35.5%;
	top:53%;
	}
}
	
.RR-ani {
    -webkit-animation: MM1 10s infinite; 
	-ms-animation: MM1 10s infinite;
    animation: MM1 10s infinite;
	transform-origin: 37.5% 12% 0;
	position: relative;
}
	
/* Safari 4.0 - 8.0 */
@-webkit-keyframes MM1 {
		0% {top:0px;}
		10% {top:-8px;}
		20% {top:0px;}
		30% {top:-8px;}
		40% {top:0px;}
		50% {top:-8px;}
		60% {top:0px;}
		70% {top:-8px;}
		80% {top:0px;}
		90% {top:-8px;}
		100% {top:0px;}
}
	
@-ms-keyframes MM1 {
		0% {top:0px;}
		10% {top:-8px;}
		20% {top:0px;}
		30% {top:-8px;}
		40% {top:0px;}
		50% {top:-8px;}
		60% {top:0px;}
		70% {top:-8px;}
		80% {top:0px;}
		90% {top:-8px;}
		100% {top:0px;}
}

@keyframes MM1 {
		0% {top:0px;}
		10% {top:-8px;}
		20% {top:0px;}
		30% {top:-8px;}
		40% {top:0px;}
		50% {top:-8px;}
		60% {top:0px;}
		70% {top:-8px;}
		80% {top:0px;}
		90% {top:-8px;}
		100% {top:0px;}
}
	
@media (min-width: 768px) {	
.RR2 {
	width:43px;
	height:43px;
	z-index:10;
	position: absolute;
	left:31.2%;
	top:65%;
	}
}
	
@media (max-width: 768px) {	
.RR2 {
	width:20px;
	height:20px;
	z-index:10;
	position: absolute;
	left:31%;
	top:65.5%;
	}
}
	
.RR2-ani {
    -webkit-animation: MM2 10s infinite; /* Safari 4.0 - 8.0 */
	-ms-keyframes: MM2 10s infinite;
    animation: MM2 10s infinite;
	transform-origin: 75.25% 15% 0;
	position: relative;
}
	
/* Safari 4.0 - 8.0 */
@-webkit-keyframes MM2 {
		0% {top:-8px;}
		10% {top:0px;}
		20% {top:-8px;}
		30% {top:0px;}
		40% {top:-8px;}
		50% {top:0px;}
		60% {top:-8px;}
		70% {top:0px;}
		80% {top:-8px;}
		90% {top:0px;}
		100% {top:-8px;}
}
	
@-ms-keyframes MM2 {
		0% {top:-8px;}
		10% {top:0px;}
		20% {top:-8px;}
		30% {top:0px;}
		40% {top:-8px;}
		50% {top:0px;}
		60% {top:-8px;}
		70% {top:0px;}
		80% {top:-8px;}
		90% {top:0px;}
		100% {top:-8px;}
}

@keyframes MM2 {
		0% {top:-8px;}
		10% {top:0px;}
		20% {top:-8px;}
		30% {top:0px;}
		40% {top:-8px;}
		50% {top:0px;}
		60% {top:-8px;}
		70% {top:0px;}
		80% {top:-8px;}
		90% {top:0px;}
		100% {top:-8px;}
}

@media (min-width: 768px) {
.RR3 {
	width:43px;
	height:43px;
	z-index:10;
	position: absolute;
	left:43.5%;
	top:45%;
	}
}
	
@media (max-width: 768px) {
.RR3 {
	width:20px;
	height:20px;
	z-index:10;
	position: absolute;
	left:43.5%;
	top:45%;
	}
}
	
.RR3-ani {
    -webkit-animation: MM3 10s infinite; /* Safari 4.0 - 8.0 */
	-ms-keyframes: MM3 10s infinite;
    animation: MM3 10s infinite;
	transform-origin: 32.88% 15% 0;
	position: relative;
}
	
/* Safari 4.0 - 8.0 */
@-webkit-keyframes MM3 {
        from {top:0px;}
		3% {top:-8px;}
		13% {top:0px;}
		23% {top:-8px;}
		33% {top:0px;}
		43% {top:-8px;}
		53% {top:0px;}
		63% {top:-8px;}
		73% {top:0px;}
		83% {top:-8px;}
		100% {top:0px;}
}
	
@-ms-keyframes MM3 {
        from {top:0px;}
		3% {top:-8px;}
		13% {top:0px;}
		23% {top:-8px;}
		33% {top:0px;}
		43% {top:-8px;}
		53% {top:0px;}
		63% {top:-8px;}
		73% {top:0px;}
		83% {top:-8px;}
		100% {top:0px;}
}

@keyframes MM3 {
        from {top:0px;}
		3% {top:-8px;}
		13% {top:0px;}
		23% {top:-8px;}
		33% {top:0px;}
		43% {top:-8px;}
		53% {top:0px;}
		63% {top:-8px;}
		73% {top:0px;}
		83% {top:-8px;}
		100% {top:0px;}
}
	
@media (min-width: 768px) {
.RR4 {
	width:43px;
	height:43px;
	z-index:10;
	position: absolute;
	left:73.8%;
	top:45%;
	}
}
	
@media (max-width: 768px) {
.RR4 {
	width:20px;
	height:20px;
	z-index:10;
	position: absolute;
	left:73.8%;
	top:45%;
	}
}
	
.RR4-ani {
    @-webkit-animation: MM4 10s infinite; /* Safari 4.0 - 8.0 */
	@-ms-animation: MM4 10s infinite;
    animation: MM4 10s infinite;
	transform-origin: 45.19% 15% 0;
	position: relative;
}
	
/* Safari 4.0 - 8.0 */
@-webkit-keyframes MM4 {
        from {top:0px;}
		8% {top:-8px;}
		18% {top:0px;}
		28% {top:-8px;}
		38% {top:0px;}
		48% {top:-8px;}
		58% {top:0px;}
		68% {top:-8px;}
		78% {top:0px;}
		88% {top:-8px;}
		100% {top:0px;}
}
	
@-ms-keyframes MM4 {
        from {top:0px;}
		8% {top:-8px;}
		18% {top:0px;}
		28% {top:-8px;}
		38% {top:0px;}
		48% {top:-8px;}
		58% {top:0px;}
		68% {top:-8px;}
		78% {top:0px;}
		88% {top:-8px;}
		100% {top:0px;}
}

@keyframes MM4 {
        from {top:0px;}
		8% {top:-8px;}
		18% {top:0px;}
		28% {top:-8px;}
		38% {top:0px;}
		48% {top:-8px;}
		58% {top:0px;}
		68% {top:-8px;}
		78% {top:0px;}
		88% {top:-8px;}
		100% {top:0px;}
}