		body {
				padding:0;
				margin:0;
				color:white;
				font-size:18px;
				font-family:Tahoma,sans-serif;
			}
			
		img {
				width:100%;
				max-width:100%;
				margin: 1%;
				margin-bottom:8px;
				box-sizing: border-box;
			}
			
		ul {
				list-style:none;
			}
			
		h1 {
				text-align:center;
			
			}
			
		.nav {
				background-color:lightblue;
				color:white;
				margin:0;
				text-align:center;
				position:fixed;
				left:0;
				top:0;
				z-index:100;
				width:100%;
			}

      
        .nav >li {
				display:inline-block;
				padding:10px;
			}

        .nav > li > a {
				text-decoration:none;
			}

        .nav > li:hover {
				background-color:lightcyan;
			}
			
		.container {
				width:100%;
			}
				
		.footer {
				text-align:center;
				background-color:black;
				color:white;
				padding:3px;
			}
			
		.clear {
				clear:both;
			}
			
		.main-About {
				
				border-style: groove;
				border-color: maroon;
				margin-top:55px;
				padding: 10px;
				background-color: darkgrey;
			}
			
		.imgcon-About {
				
				width:33.3%;
				float:left;
				margin:0;				
			}
			
		.img-size-About {
				width:280px;
				height:210px;
			}
			
		.main-Labs {
				background-color: darkgrey;
				padding:10px;
				margin-top:55px;
				margin-bottom:13px;
			}
			
		.img-Labs-fllt {
			float:left;
			margin:20px;
			width:100%;
			box-sizing:border-box;
			max-width:500px;			
			}
			
		.main-Index {
				background-color: darkgrey;
				margin-top:50px;
				padding:10px;
			}
			
		.left-Index {
				float: left;
				width: 49%;
				margin-right:1%;
			}
			
		.right-Index { 
				float:right;
				width:49%;
				margin-left:1%;
			}
			
		
			
		#mid-Labs {
			margin:3px;
			border:dotted red 5px;
			padding:50px;			
			}
			
		#pic-row-About {
				margin:13px;
				background-color: darkgrey;
			}
			
		#mast-Resume {
				color:maroon;
				margin-top:55px;				
				padding-top:10px;
				background-image: url(pics/greenBckGrd.jpg);
			}	

		#resImg-Resume {
				display:block;
				margin:auto;
				padding-bottom:10px;
			}	
			
			
							/*MEDIA QUERY*/
@media only screen and (max-width : 600px) {
	
	
	
	
	
		.nav {
                text-align: left;
            }

        .nav >li {
                display:block;
            }
			
		.main-About {
				margin-top:180px;
			}
	
		.imgcon-About {
				width:100%;
				display:block;
				box-sizing:border-box;
			}
			
		.main-Labs {
				margin-top:180px;
			}
			
		.main-Index {
				margin-top:170px;
			}
			
		#ic {
				width:100%;
			}
			
		#pic-row-about {
				width:100%;
			
			}
		#mast-Resume {
				margin-top:180px;
			}
}
			
			