body {
	background-color: cadetblue;
}

p {
	padding-left: 10%;
	padding-right: 10%;
}

.individuallogo {
	border: 1px solid #bdb3b3;
	padding: 1%;
	text-align: right;
	float: right;
	height: 100px;
	width: 100px;
}

.employmentlogo {
	border: 1pt solid black;
	text-align: right;
	float: right;
	height: 100px;
	width: 150px;
}



h1, h2 {
	text-align: center;
}

.skills {
	position: relative;
	width: 100%;
	left: 10%;
	max-width: 33%
}

#softSkills {
	position: relative;
	top: -100pt;
	left: 25%;
	max-width: 33%
}

#logos {
	position: relative;
	top: -160pt;
	left: 50%;
	max-width: 33%;
}

.clear {
	clear: both;
}

#aboutpicss {
	width: 60%;
	margin-left: 25%;
}

#labimagecontainer {
	width: 700px;
	height: 400px;
	position: relative;
	left: 300px;
}


#homepagepicscontainer {
	width: 60%;
	margin-left: 25%;
	
	padding: 20px;
}


.labimagepics {
	padding: 1%;
	height: 100px;
	width: 200px;
}

.homepagepics {
	height: 200px;
	width: 250px;
	padding: 10px;
	margin: 10px;
	position: relative;
	left: 200px;
}

.singleaboutpics {
	border: 1pt solid black;
	padding: 1%;
	height: 300px;
	width: 300px;
}





#NavBar {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 2px solid slategrey;
	background-color: whitesmoke;
}


.navbaritem {
	float: left;
}

.aboutitem {
	float: right;
}

#NavBar a {
	display: block;
	color: black;
	padding: 14px 16px;
	text-decoration: none;
}

	#NavBar a:hover {
		background-color: wheat;
	}


#labcontain {
	display: block;
	float: left;
	margin: 10px;
	width: 97%;
}

#labbio {
	display: block;
	/*border: solid black 2px;*/
	float: left;
	margin: 10px;
	width: 50%;
	text-align: center;
	padding: 10px;
}

#lablink {
	border: solid #bdb3b3 2px;
	float: right;
	text-align: center;
	width: 25%;
	height: 100px;
	padding-top: 60px;
	margin: 10px;
	color: black;
	text-decoration: none;
	font-size: 25pt;
	font-weight: bold;
	background-color: #2c9abf;
}

#mobilelabs{
	display:none;
}

#MobileSoftSkills{
	display:none;
}

#MobileTechSkills{
	display:none;
}

#mobilelogos {
	display: none;
}

#mobilesoftskills {
	display: none;
}

.mobileSkills {
	display: none;
}

footer {
	float: none;
	text-align: center;
	clear: both;
}

#mobilehomepagepicscontainer{
	display:none;
}



@media only screen and (max-width: 1200px) {
	body {
		background-color: cadetblue;
	}



	#NavBar a {
		display: block;
		color: black;
		padding: 14px 16px;
		text-decoration: none;
		text-align: center;
	}

	.navbaritem {
		float: none;
		clear: both;
	}

	.aboutitem {
		float: none;
		clear: both;
	}

	.navbaritem {
		clear: both;
	}

	#NavBar a {
		display: block;
		color: black;
		padding: 14px 16px;
		text-decoration: none;
	}



	#lablink {
		display: none;
	}

	#labbio {
		display: none;
	}
	
	#mobilelabs{
		display:block;
	}


	#mobilelablink {
		border: solid #bdb3b3 2px;
		
		text-align: center;
		width: 25%;
		height: 100px;
		padding-top: 60px;
		margin-left: 40.5%;
		margin-bottom:5%;
		color: black;
		text-decoration: none;
		font-size: 25pt;
		font-weight: bold;
		background-color: #2c9abf;
		clear:both;
		display:block;
	}

	#mobilelabbio {
		display: block;
		border: solid black 2px;
		margin-bottom:5%;
		margin-left: 30%;
		width: 50%;
		text-align: center;
		padding: 10px;
		
	}

	#mobilelabs {
		display: block;
	}

	#MobileSoftSkills {
		display: block;
	}

	#MobileTechSkills {
		display: block;
	}

	#mobilelogos {
		display: block;
	}

	#mobilesoftskills {
		display: block;
	}

	.mobileSkills {
		display: block;
	}

	#softSkills{
		display:none;
	}

	#TechSkills{
		display:none;
	}

	#logos{
		display:none;
	}

	#homepagepicscontainer {
		display:none;
	}

	#mobilehomepagepicscontainer {
		display:block;
		margin-left:10%;
		width: 60%;
		padding: 20px;
	}

}