body{
 background-image: url("images/bground_scroll.jpg");
 background-repeat: repeat; 
}

p{
	font-size:18px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'sans-serif';
}

p.arrows {

font-size:25px; color:#4d94ff; position:fixed; left:126px;
}


p.txtTop 	{
	color:#ffffff;
	text-align: justify;
	position:fixed;
	left:26%;
	top:-10px;
	}


a.txtDoc{
	text-align: justify;
	font-size:24px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'sans-serif';
	position:fixed;
	right:20%;
	top:90px;
	}
	
a.txtContrb{
	text-align: justify;
	font-size:24px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'sans-serif';
	position:fixed;
	right:20%;
	top:125px;
	}
	
	
a.txtConcpt{
	text-align: justify;
	font-size:24px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'sans-serif';
	position:fixed;
	right:20%;
	top:160px;
	}
	
p.txtBottom 	{
	color:#000000;
	text-align: justify;
	position:fixed;
	left:2%;
	bottom:-10px;
	}	


a#anchor {
position:relative;
 	left: 9000px;
    top: 10400px;	
    visibility: hidden;
   }
   
   
.millText {
	position:fixed;
	left:30%;
	top:33%;
}   

 
   
img { display: block;}

img.logo.animated {
  -webkit-animation: filter-animation 10s infinite;
}

@-webkit-keyframes filter-animation {
  0% {
    -webkit-filter: hue-rotate(0deg) saturate(0);
  }
  
  50% {
    -webkit-filter: hue-rotate(360deg) saturate(8);
  }
  
  100% {
    -webkit-filter: hue-rotate(0deg) saturate(0);
  }
}
   
   
   
   
   

/*    
img#txt {
	
	-webkit-transition : -webkit-filter 500ms linear;
  -webkit-filter: hue-rotate(30deg);
  
  
  
  -webkit-animation: filter 4s linear infinite;
       -moz-animation: filter 4s linear infinite;
            animation: filter 4s linear infinite;
}
*/
   






/* 
img { 
	paddig:0;
max-width:100%;
height:auto;
max-height:100%;
width:auto;
}

.bgPos {
margin:auto;
width:100%;	
background-repeat: repeat-x;
}
*/












/* Here I define the background to move */
#header-background-move {
position: absolute;
	z-index: 998;
	top: -300px;
	left: -300px;
	width: 100%;
	height: 100%;
	background: url(http://www.colbycannon.com/html/millennial/images/bground_scroll.jpg);
	background-repeat:repeat;
	padding: 0 300px 300px 0;
}

body {
  animation: bg-move 8s infinite;
  animation-fill-mode: forwards;
}


/* */

/* Video controls targeting 'shadow DOM' not yet supported in firefox */

video::-webkit-media-controls{
  position:relative;top:50px;
}


/* Navigation */

a:link {text-decoration:none;}
a:visited{text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

#capture a{
	position:fixed;	left:1000px; top:20px;
	color:#ffffff;
	text-decoration:none;
	z-index: 1;
}