@charset "UTF-8";
/* CSS Document */

img {
	padding-bottom: 20px;
}

.screenOne{
	text-align:center;
	margin:auto;
	height:100%;
}

.screenTwo{
	margin:auto;
	padding-top:5%;
}

.screenThree{
	margin:auto;
	height:100%;
}

.aboutMe{
	text-align:left;
}

.fixed{
	position:fixed;
}


/******* window positioning *******/

.window {
  width: 100%;
  height: 100%;
  position: absolute; 
}


.window:nth-child(1) {
  top: 0%;
  background-color:#5f3b7e;
}

.window:nth-child(2) {
  top: 100%;
}

.window:nth-child(3) {
  top: 300%;
}

.window:nth-child(4) {
  top: 400%;
}

.window:nth-child(5) {
  top: 400%;
}

.window:nth-child(6) {
  top: 500%;
}


/******* type *******/

@font-face{ 
	font-family: "Roboto-Bold"; 
	src: url('fonts/RobotoSlab-Bold-webfont.eot'); /* IE9 Compat Modes */
	src: url('fonts/RobotoSlab-Bold-webfont.eot?iefix') format('eot'), /* IE6-IE8 */
	url('fonts/RobotoSlab-Bold-webfont.woff') format('woff'), /* Modern Browsers */
	url('fonts/RobotoSlab-Bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/RobotoSlab-Bold-webfont.svg#webfont') format('svg'); /* Legacy iOS */
	}

	@font-face{ 
		font-family: "Roboto"; 
		src: url('fonts/RobotoSlab-Regular-webfont.eot'); 
		src: url('fonts/RobotoSlab-Regular-webfont.eot?iefix') format('eot'), 
		url('fonts/RobotoSlab-Regular-webfont.woff') format('woff'), 
		url('fonts/RobotoSlab-Regular-webfont.ttf') format('truetype'), 
		url('fonts/RobotoSlab-Regular-webfont.svg#webfont') format('svg'); 
	}
	
	@font-face{ 
		font-family: "Roboto-Light"; 
		src: url('fonts/RobotoSlab-Light-webfont.eot'); 
		src: url('fonts/RobotoSlab-Light-webfont.eot?iefix') format('eot'), 
		url('fonts/RobotoSlab-Light-webfont.woff') format('woff'), 
		url('fonts/RobotoSlab-Light-webfont.ttf') format('truetype'), 
		url('fonts/RobotoSlab-Light-webfont.svg#webfont') format('svg'); 
	}
	
	
	
	h1, h2, h3, h4, h5, h6 {
		color: #383739;
		font-family: "Roboto", arial, sans-serif; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 54px; line-height: 56px; margin-bottom: 30px; margin-top:10px; color:#FFF;}
	h2 { font-size: 24px; line-height: 30px; margin-bottom: 20px; font-family: "Roboto-Light";}
	h3 { font-size: 22px; line-height: 27px; margin-bottom: 20px;font-family: "Roboto-Light"; color:#5f3b7e;} /*#bbbdc0*/
	h4 { font-size: 14px; line-height: 20px; margin-bottom: 15px; margin-top:-20px; font-family: "Roboto-Light";color:#888;}
	h5 { font-size: 24px; line-height: 30px; margin-bottom: 15px; font-family: "Roboto-Light";  }
	h6 { font-size: 11px; line-height: 8px; margin-bottom: 5px; font-family: "Roboto-Light";}
	.subheader { color: #777; }

	p { font-size: 14px; line-height: 20px; margin-bottom: 10px; font-family: "Roboto"; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }
	

#container { position:relative; }
#work-desc {
	position:fixed;
}