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

body{
	margin:0;
	padding:0;
}

a img{
	border:0;
}

header{
	background:#F7F7F7;
	padding-left:8px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	text-align:center;
}

h1{
	color:#8E8E93; 
	font-size:50px; 
	margin-top:0px;
	margin-bottom:0px; 
	font-family: 'Raleway', sans-serif; 
	font-weight:400;
	text-align:center;
}
 
h1 a{
	text-decoration:none;
	color:#8E8E93;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

h2{
	font-family: 'Raleway', sans-serif; 
	font-weight:200; 
	font-size:42px; 
	color:#34AADC;
	margin:0px;
	padding:0px;
}

h2.larger{
	/*font-size:60px;*/
	font-size:500%;
}

h2.about_me{
	color:#4CD964;
}

h2.resume{
	color:#FF3B30;
	line-height:90%;
}

h2.contact_me{
	color:#157DFB;
}

#content{
	padding:8px 15px 8px 8px;
	max-width:1100px;
	width:95.5%;
	margin:0 auto;
}

#content:after{
	clear:both;
	display:table;
	content:"";
}

.links{
	margin:15px 0px 8px 8px; 
	padding:0px 0px 20px 0px; 
	list-style:none;
	text-align:center;
}


.links li{
	display:inline; 
	margin:0; 
	font-family: 'Raleway', sans-serif; 
	font-weight:400; 
	color:#ffffff; 
	font-size:24px;
}

@media (max-width: 900px){
	#col1-1, #col1-resume{
		float:left!important;
		/*width:60%!important;*/
		padding:0!important;
		margin:0!important;
	}
	
	#col2 img{
		width:100%!important;
		height:auto!important;
	}
	
	/*#col2{
		float:left!important;
		width:40%!important;
		padding:0!important;
	}*/
	
	#resume_image{
		margin:0 auto;
		width:auto!important;
		height:auto!important;
	}
	
	#resume_image img{
		width:100%!important;
		height:auto;
	}
	
	.main_paragraph{
		font-size:135%!important;
	}
}
@media (max-width: 600px){
	#content{
		padding:0px 5px 15px 5px;
	}
	
	#col1, #col1-resume{
		margin: 0 auto!important;
		width:auto!important;
		height:auto;
		float:none!important;
	}
	
	#col1-1{
		margin: 0 auto!important;
		width:auto!important;
		height:auto;
		float:none!important;
	}
	.col1-2{
		float:left!important;
		width:100%!important;;
		padding:1.5%;
		margin:0!important;
	}
	
	#resume_image{
		margin:0 auto;
		width:auto!important;
		height:auto!important;
	}
	
	#resume_image img{
		width:100%!important;
		height:auto;
	}
	
	#col2, #col2-resume{
		width:97%!important;
		padding:1.5px!important;
	}
	
	#col2-resume{
		float:none!important;
	}
	
	#col2-contact{
		width:97%!important;
		padding:1.5%;
	}
	
	#col2 img{
		width:100%!important;
		height:auto!important;
	}
	
	.links{
		margin-bottom:0px;
		padding-bottom:0px;
	}
	
	.links li{
		display:block;
		margin-bottom:30px;
	}
	
	ul.overview_list li{
		margin-bottom:20px!important;
	}
	
	.main_paragraph{
		font-size:150%!important;
	}
	
	img.work_image{
		-webkit-box-shadow: 1px 1px 8px -1px #999999;
		box-shadow:0px 0px 15px #999999;
		width:100%!important;
		height:auto;
		margin:0px 0px 15px 0px;
		float:none!important;
	}
}
	.links a{
		text-decoration:none;
		color:#FFFFFF;
	}
	
	.aboutme a{
		-webkit-transition:background .2s ease-in-out;
		-moz-transition:background .2s ease-in-out;
		-o-transition:background .2s ease-in-out;
		-ms-transition:background .2s ease-in-out;
		transition:background .2s ease-in-out;
		background:#4CD964;
		padding:8px;
	}
	
	.aboutme a:hover{
		background:#25CE35;
		color:#FFFFFF;
	}
	
	.resume a{
		-webkit-transition:background .2s ease-in-out;
		-moz-transition:background .2s ease-in-out;
		-o-transition:background .2s ease-in-out;
		-ms-transition:background .2s ease-in-out;
		transition:background .2s ease-in-out;
		color:#FFFFFF;
		text-decoration:none;
		background:#FF3A2D;
		padding:8px;
	}
	
	.resume a:hover{ 
		background:#FF1300;
		color:#FFFFFF;
	}
	
	.contact_me a{
		-webkit-transition:background .2s ease-in-out;
		-moz-transition:background .2s ease-in-out;
		-o-transition:background .2s ease-in-out;
		-ms-transition:background .2s ease-in-out;
		transition:background .2s ease-in-out;
		background:#157DFB;
		text-decoration:none;
		color:#FFFFFF;
		padding:8px;
	}
	
	.contact_me a:hover{
		background:#1D62F0;
		color:#FFFFFF;
	}

#col2-contact a, #col2-contact img{
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	margin-bottom:10px;
}

#col2-contact img:hover{
	/*background:#1D62F0;*/
	opacity:.5;
}

.main_paragraph{
	font-family: 'Raleway', sans-serif; 
	font-weight:400; 
	font-size:125%; 
	line-height:150%; 
	margin-top:0px;
}

#col1, #col1-resume{
	float:left;
}

#col1 img, #col1-1 img{
	width:100%;
	height:auto;
}

#col1-1{
	float:left;
	width:60%;
}
#col2, #col2-resume{
	float:right;
	width:60%;
}

#col2-contact{
	float:left;
	width:60%;
}

#col2 img{
	width:100%;
	height:auto;
}

#col3{
	width:85%;
}

ul.overview_list{
	list-style-type:none;
	margin:0px 0px 0px 20px;
	padding:0;
}

ul.overview_list li{
	background:url(../img/blue_bullet1o.png) top left no-repeat;
	padding:0px 0px 0px 28px;
	margin:10px 0px 10px 0px;
	font-size:20px;
	font-family: 'Raleway', sans-serif; 
	font-weight:400;
	color:#2B2B2B;
}

.resume_button a{
	display:block;
	font-weight:300;
	font-size:28px;
	/*background:#1D62F0 url(img/white_arrow2.png) no-repeat 8px;*/
	background:#1D62F0;
	padding:10px;
	color:#FFFFFF;
	font-family: 'Raleway', sans-serif;
	text-decoration:none;
	width:275px;
	margin:10px 0px 10px 0px;
	/*padding-left:35px;*/
	-webkit-transition:background .2s ease-in-out;
	-moz-transition:background .2s ease-in-out;
	-o-transition:background .2s ease-in-out;
	-ms-transition:background .2s ease-in-out;
	transition:background .2s ease-in-out;
}

.resume_button a:hover{
	/*background:#34AADC url(img/white_arrow2.png) no-repeat 8px;*/
	background:#34AADC;
	color:#FFFFFF;
}

.clear{
	clear:both;
}

#resume_image{
	-webkit-box-shadow: 1px 1px 8px -1px #000000;
	box-shadow:0px 0px 15px #EEEEEE;
}

#resume_image2{
	-webkit-box-shadow: 2px 2px 8px -1px #000000;
	box-shadow:1px 1px 15px #EEEEEE;
}

a{
	color:#157DFB;
	text-decoration:none;
	-webkit-transition:background .2s ease-in-out;
		-moz-transition:background .2s ease-in-out;
		-o-transition:background .2s ease-in-out;
		-ms-transition:background .2s ease-in-out;
		transition:background .2s ease-in-out;
}

a:hover{
		color:#1D62F0;
	}

footer{
	
	padding:100px 0px 10px 5px;
	/*margin:0 auto;
	width:70%;*/
}

.footer{
	color:#8E8E93;
	font-size:12px;
	font-family: 'Raleway', sans-serif; 
	font-weight:400;
}

/*--------------My Work-------------*/
img.work_image{
	-webkit-box-shadow: 1px 1px 8px -1px #999999;
	box-shadow:0px 0px 15px #999999;
	width:45%;
	height:auto;
	margin:0px 25px 15px 0px;
	float:left;
}

#work_container a, #work_container img{
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
}

#work_container img:hover{
	opacity:.5;
}

#work_container{
	margin:0 auto;
	width:90%;
}

#work_container:after{
	clear:both;
	display:table;
	content:"";
}

.center{
	text-align:center;
}