@charset "UTF-8";
html {
	overflow-y: scroll;
	overflow-x: hidden ;
}
#header {
	margin-top: 5px;
	margin-left: 9px;
}
    #nav {
	margin-top: 20px;
	margin-left: 15px;
	
}
	#nav a {
    	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    	font-size: 16px;
    	font-weight: lighter;
    	color: #d83723;
    	text-decoration: none;
    	text-transform: uppercase;
    	padding-right: 15px;
		transition: all 0.3s ease;
		}
			#nav a:hover {
				color:#FFF
		}
					.navitem {
					transition: all 0.3s ease;
			}
							.navitem:hover {
					background-color: #e25b17;
					text-decoration: none;
					padding-left: 15px;
					padding-right: 15px;
					border-radius: 20px;
				}
    h1 {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 40px;
    font-weight: bold;
    color: #e25b17;
    text-align: left;
	margin-left: 100px;
}
			hr {
		border: none;
		height: 1px;
		background-color: #e25b17;
		margin-left: 15px;
		margin-right: 15px;
		}
					h3 {
			font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
			font-weight: 200;
			font-size: 20px;
			color:#d83723;
			text-align: left;
			margin-left:100px;
		}
							.feature {
					text-align: center;
					margin: auto;
					margin-top: 50px;
		}
p {
			font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
			font-weight: 200;
			font-size: 14px;
			color:#d83723;
			text-align: center;
			margin-left: 150px;
			margin-right: 150px;
			margin-bottom: 35px;
		}
.contactme {
	text-align: left; 
	margin-left: 100px;
	padding-right: 600px; 
}
									.link {
										margin-bottom: 75px;
							}
										.aboutme {
										tex-align: left;
					}
		.link-fancy {  
			font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    		font-size: 25px;
    		font-weight: bolder;
   			color: #d83723;
    		text-decoration: none;
    		text-transform: uppercase;
			text-align: center;
			margin: auto;
			transition: all 0.3s ease;
		
				}
				.link-fancy:hover {
					color: #fff;
					background-color: #e25b17;
					text-decoration: none;
					padding-left: 15px;
					padding-right: 15px;
					border-radius: 20px;
					}
		.headshot1 {
							float: right;
							margin-right: 100px;
							border-radius: 20px;
							border-color: #fff;
							border-style: solid;
							border-width: 1px;
							margin-top: 45px;
							box-shadow: 20px 10px 15px rgba(0, 0, 0, 0.2)
				}
			.headshot2 {
							text-align: center;
							border-radius: 20px;
							border-color: #fff;
							border-style: solid;
							border-width: 1px;
							margin-top: 20px;
							box-shadow: 20px 10px 15px rgba(0, 0, 0, 0.2)
				}
#intro {
		text-align: center; 
		
		}
		.container { 
			width: 900px; 
			margin: auto;
			padding: 80px;
			padding-bottom: 20px;
			padding-top: 30px;
			display: flex;
			text-align: center;
			gap: 70px; 
		}
					.center-img {
				text-align: center;
		}
									.aboutme { 
								box-sizing: 300px;
								text-align: center;
									}
											.img-left {
					text-align: left;
					margin-left: 250px;
					width: 300px;
					height: 300px;
				}
													.img-link {
	transition: all 0.3s ease;
	height: 300px;
	width: 300px;
	text-align: center;
	border-radius: 20px;
	margin: 20px;
	border-color: #fff;
	border-style: solid;
	border-width: 1px;
	box-shadow: 20px 10px 15px rgba(0, 0, 0, 0.2)
}
															.img-link:hover {
	 transform: scale(1.1);
}
																	.SPD {
																			height: 300px;
																			width: 480px;
																			border-color: #d83723;
																			border-style: solid;
																			border-width: 1px;
																							}
#footer-image {
												background-image: url("images/footer.png");
												background-size: cover;
												background-position: center;
												margin: -10px;
												padding: 20px;
												width: 100%;
												height: 400px;
											}
	.footer-text {
													color: #FFF;
													text-align: center;
												}