html {
      height: 100%;
    }
    body {
      background: #E2E4E7;
      padding: 0;
      position: relative;
      margin: 0;
      height: 100%;
      -webkit-font-smoothing: antialiased;
	color: black;
    }
    
    .wrapper {
    	height: 100% !important;
    	height: 100%;
    	margin: 0 auto; 
    	overflow: hidden;
    }
    
    a {
      text-decoration: none;
    }
    
    
    .main {
      float: left;
      width: 100%;
      margin: 0 auto;
    }
    

    .clear {
      width: auto;
    }
	
	  .main section .page_container {
      position: relative;
      margin: 0 auto 0;
      display: block;
      z-index: 3;
    }
	
@font-face {
  font-family: "dos";
  src: url("dos.ttf");
}
  
img {
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated; /* Chrome */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
	
}

.icon-float {
		float:left;

}

#grass {
	background: url(grass.png);
	height: 100%;
	background-position:bottom;
	background-repeat: repeat-x;
	background-attachment:fixed;
	margin: 0;
}

.top {
	background: url(repeat/day.png);
	background-repeat: repeat-x;
	background-size:contain;
	
	}



.desktop {
	background: url(repeat/grey.png);
	background-repeat: repeat-x;
	background-size:contain;
	min-height: 100wh;
	text-align: left;

}

.network {
	background: url(repeat/night.png);
	background-repeat: repeat-x;
	background-size:contain;
	min-height: 100wh;
	text-align: left;

}

.www {
	background: url(repeat/day.png);
	background-repeat: repeat-x;
	background-size:contain;
	min-height: 100wh;
	text-align: left;

}

.cam {
	background: url(repeat/bw.png);
	background-repeat: repeat-x;
	background-size:contain;

	text-align: left;

}

.human {
	background: url(repeat/day.png);
	background-repeat: repeat-x;
	background-size:contain;
		min-height: 100wh;
	text-align: left;
	

}

.sun {
	position: absolute;
	background: url(overlay/sun.png);
	background-repeat: no-repeat;
	background-size: 15%;
	background-position: 90% 0%;
	height: 100vh;
	width: 100vw;	
	image-rendering: pixelated; 
	image-rendering: -moz-crisp-edges;
	z-index: -1;
}

.wind {
	position:absolute; 
	background: url(overlay/windy.png);
	height: 100vh;
	width: 100vw;
	background-size: 85%;
	background-position: bottom right;
	image-rendering: pixelated; 
	image-rendering: -moz-crisp-edges;
	z-index: -1;
}

.stars {
	position:absolute; 
	background: url(overlay/stars.png);
	height: 100vh;
	width: 100vw;
	background-size: cover;
	background-position: center top;
	image-rendering: pixelated; 
	image-rendering: -moz-crisp-edges;
	z-index: 2;
}

.flowers {
	position:absolute; 
	background: url(overlay/flowers.png);
	background-size: cover;
	height: 100vh;
	width: 100vw;
	background-position: 80% 50%;
	image-rendering: pixelated; 
	image-rendering: -moz-crisp-edges;
}

.noise {
	position:absolute; 
	height: 100wh;
	width: 100vw;
	
	image-rendering: pixelated; 
	image-rendering: -moz-crisp-edges;
}

.contact {
	background: url(grass.png);
	
}

#contactover {
	position:absolute; 
	background-color:rgba(255,255,255,0.6);;
	height: 100vh;
	width: 100vw;
	z-index: -1;
}

#sheepfield {
	position:absolute; 
	height: 100vh;
	width: 100vw;
	z-index: -2;
}

#topwords {
z-index; 5;
}

img.downbox { 
position: absolute;
left: 50%;
}