/*
@media screen and (max-width: 1123px){

#Portfolio{

	margin-left: 0px;
}

#QuickContact{

		margin-left: 0px;


}


}*/
@media screen 
	and (max-device-width: 1024px)
	
{

#navigator {
	background-color: none;
	margin-left: 75%;
	max-width: 950px;
	
}

#myname{
	font: 100px "HelveticaNeue-CondensedBold", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 30px;

}


#QuickIntro{
	max-width: 300px;
	padding-left: 2px;
	margin-left: 1px;

}

#quickintosub2{
	background-color: white;
	height: 90px;
	margin-top: 15px;
	padding: 2px 2px;
	
}



#Portfolio{

	margin-left: 15px;
	width: 68%;
	max-width: 729px;
}

#QuickContact{
	max-width: 455px;
	background: none;
	margin-left: 10px;
}

#SkillsView{
	margin-left: 1px;

}


.sendme textarea {
	padding: 6px;
	max-width:300px;
	height: 100px;
	margin-left: 125px;
}

.sendme button {
	margin-top: 4px;
	margin-left: 380px; 
	
}

}

@media screen 
	and (max-device-width: 768px)
	
{


#navigator {
	background-color: none;
	margin-left: 65%;
/* 	max-width: 950px;*/
	
}


#QuickIntro{
	max-width: 305px;
	padding-left: 2px;
	margin-left: 2px;
	background: none;
	
}

#Portfolio{

	margin-left: 1px;
	width: 75%;
	max-width: 729px;
}

#SkillsView{
	margin-left: 1px;
	width: 575px;
}

#QuickContact{
	max-width: 575px;
	background: none;
	margin-left: 1px;
}

#contact_heading{

	width: 575px;

}

.contact_form textarea {
	padding: 6px;
	max-width:400px;
	height: 100px;
	margin-left: 125px;
}

.contact_form button {
	margin-top: 4px;
	margin-left: 465px;
	
}

#main_footer{
	margin-left: 1px;
}

}


@media screen 
	and (max-device-width: 480px)
	
{

#navigator {
	background-color: none;
	margin-left: 52%;
	max-width: 950px;
}


#Portfolio{

	margin-left: 1px;
	width: 97%;
	max-width: 729px;
}

#SkillsView{
	margin-left: 1px;
	width: 464px;
}


#skillsbars{
	display: inline-block;
	width: 210px;
	position:relative;

	
}

#QuickContact{
	max-width: 300px;
	background: none;
	margin-left: 1px;
}

#contact_heading{
	width: 464px;
	padding: 4px 4px 4px 4px;
	background-color: black;
	color: white;
	border-bottom: none;
}



.contact_form textarea {
	padding: 6px;
	max-width:330px;
	height: 100px;
	margin-left: 125px;
}

.sendme textarea {
	padding: 6px;
	max-width: 350px;
	height: 100px;
	margin-left: 100px;
}

.sendme input {

/*	width: 300px; */
	margin-top: 4px;
	padding: 3px;
	
	margin-left: 100px;
}

.contact_form button {
	margin-top: 4px;
	margin-left: 395px;
	
}

.portfolio_option label{
	
	padding: 4px 18px 4px 4px;
	
}

@media screen 
	and (max-device-width: 360px)
	
{

	#navigator {
		background-color: none;
		margin-left: 30%;
		max-width: 950px;
	}


	#Portfolio{

		margin-left: 1px;
		width: 97%;
		max-width: 729px;
	}

	#SkillsView{
		margin-left: 1px;
		width: 348px;
	}

	#skillspie{
		display: none;
		
	}

	#skillsbars{
		display: inline-block;
		width: 300px;
		position:relative;

		
	}
	
	#contact_heading{
	width: 348px;
	
}

	#QuickContact{
		max-width: 310px;
		background: none;
		margin-left: 1px;
	}


	.contact_form textarea {
		padding: 6px;
		max-width:300px;
		height: 100px;
		margin-left: 0px;
	}
	
.sendme input {

/*	width: 300px; */
	margin-top: 4px;
	padding: 3px;
	
	margin-left: 0px;
}


	.contact_form button {
		margin-top: 4px;
		margin-left: 240px;
		
	}

	.portfolio_items{

		padding: 10px;
		margin-top: 20px;
	}


	.portfolio_items a{
		max-width: 320px;
		width: 90%;
		max-height: 180px;
		height: 90%;
	}

	.portfolio_items a span{
		
		max-width: 300px;
		width: 93%;
		
	}
	
	
	
	
}

@media screen 
	and (max-device-width: 320px)
	
	{


/*#navigator {
	background-color: none;
	margin-left: 30%;
	max-width: 950px;
}*/


#Portfolio{

	margin-left: 1px;
	width: 97%;
	max-width: 729px;
}

#SkillsView{
	margin-left: 1px;
	width: 310px;
}

#skillspie{
	display: none;
	
}

#skillsbars{
	display: inline-block;
	width: 300px;
	position:relative;

	
}

#QuickContact{
	max-width: 310px;
	background: none;
	margin-left: 1px;
}


.contact_form textarea {
	padding: 6px;
	max-width:300px;
	height: 100px;
	margin-left: 0px;
}

.contact_form button {
	margin-top: 4px;
	margin-left: 240px;
	
}

.portfolio_items{

	padding: 10px;
	margin-top: 20px;
}


.portfolio_items a{
	max-width: 320px;
	width: 90%;
	max-height: 180px;
	height: 90%;
}

.portfolio_items a span{
	
	max-width: 300px;
	width: 93%;
	
}

.portfolio_items li img {

/* fits without this: max-width: 300px; */	
	width: 100%;

}

.portfolio_option label{
	font-size: 15px;
	padding: 4px 18px 4px 4px;
	
}


#main_footer{
	font-size: 15px;
	margin-left: 4px;
}


}