#container {
			max-width: 100%;
			margin: 0 auto;
			background-image: url(../img/bg_image.png);
			background-size: cover;
			background-attachment: fixed;
		}

		html {
  			scroll-padding-top: 75px; /* height of sticky header */
		}

		h3 {
		font: 400 28px/28px 'Barlow', Arial, Helvetica, sans-serif;
    	color: #666;
		flex-wrap: nowrap;
		}

		#behance {
			float: left;
			margin: 0px 0 0 10px;
			background-image: url(../img/behance.svg);
			background-repeat: no-repeat;
			height: 30px;
			width: 30px;
			text-indent: -9999px;
			}

		#linkedin {
			float: left;
			margin: 0;
			background-image: url(../img/linkedin.svg);
			background-repeat: no-repeat;
			height: 30px;
			width: 30px;
			text-indent: -9999px;
			overflow: hidden;
		}
		
		#logo {
			background-image: url(../img/logo.svg);
			background-repeat: no-repeat;
			margin: 0 auto;
			width: 416px;
			height: 311px;
			margin-bottom: 200px;
			margin-top: 200px;
			overflow: hidden;
		}
		
		#logo a {
			display: block; 
			text-indent: 100%;
			white-space: nowrap;
			height: 100%;
			width: 100%;
			overflow: hidden;
		}
		
		#aboutheader {
			font-family: 'Barlow', Gadget, sans-serif;
			font-weight:900;
			font-size: 3.75em;
			color: #00754A;
			margin: 0 0 50px 0;
			display: inline-block;
			flex-wrap: nowrap;
			clear: both;
		}

		#contactheader {
			font-family: 'Barlow', Gadget, sans-serif;
			font-weight:900;			
			font-size: 3.75em;
			color: #00754A;
			margin: 0 0 50px 0;
			display: inline-block;
			flex-wrap: nowrap;
			clear: both;
		}

		#headshot {
			float: left;
			height: 445px;
			width: 400px;
			display:block;
			margin-right: 75px;
			margin-bottom: 75px;
			}

		#portfolio {
			font-family: 'Barlow', Gadget, sans-serif;
			font-weight:900;
			font-size: 3.75em;
			color: #00754A;
			padding-top: 50px;
			max-width: 100%;
			display: block;
			text-align: center;
		}

		#about { 
			background: rgba(108, 179, 63, 0.35);
			padding: 75px 125px;
			min-height: 600px;
			font-family: 'Barlow', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size: .875em;
			line-height: 1.5em;
			display: block;
			clear: both;
			flex-wrap: nowrap;
			margin: auto;
		}

		#abouttext {
			text-align: left;
		}

		p {
			font-family: 'Barlow', Arial, Helvetica, sans-serif;
			font-weight:400;
			max-width: 1920px;
			text-align: justify;
			display:block;
			flex-wrap: nowrap;
		}

		#contact {
			background: rgba(108, 179, 63, 0.35);
			padding: 75px;
			font-family: 'Barlow', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size: .875em;
			line-height: 1.5em;
			margin: 0 auto;
			text-align: center;
			display: block;
			clear: both;
			flex-wrap: nowrap;
		}
		
		.img1 {
			width: 100%;	
		}


		.table {
			display: table;  
			margin: 0 auto;
		}
		
		ul#menu  {
			z-index: 100;
			overflow: hidden;
    		background-color: #00754A;
    		position: fixed; /* Set the navbar to fixed position */
    		top: 0; /* Position the navbar at the top of the page */
    		width: 100%;
			padding: 21px 50px 0 0;
			height: 75px;
			text-align: center;
			clear: both;
		}
		
		#menu li {
			list-style-type: none;
			padding: 0 35px;
			display: inline-block;
			font-family: 'Barlow', Arial, Helvetica, sans-serif;
			font-weight:900;
			font-size: 1.5em;	
			margin: 0 auto;
			line-height: 30px;
			text-align: center;
		}
		
		#menu a {
			display: inline-block;
			height: 100%;
			width: 100%;
		}

		.slicknav_menu {
			display:none;		
		}

		#nav-about a:link, #nav-about a:visited {
			color: #FFF;
			background-repeat: no-repeat;
			background-position: 0 0;
		}
		
		#nav-about a:hover, #nav-about a:active {
			color: #61a60e;
		}
		
		#nav-portfolio a:link, #nav-portfolio a:visited {
			color: #FFF;
			background-repeat: no-repeat;
			background-position: 0 0;
		}
		
		#nav-portfolio a:hover, #nav-portfolio a:active {
			color: #61a60e;
		}
		
		#nav-contact a:link, #nav-contact a:visited {
			color: #FFF;
			background-repeat: no-repeat;
			background-position: 0 0;	
		}
		
		#nav-contact a:hover, #nav-contact a:active {	
			color: #61a60e;
		}
		
		#nav-resume a:link, #nav-resume a:visited {
			color: #FFF;
		}
		
		#nav-resume a:hover, #nav-resume a:active {
			color: #61a60e;
		}
		
		#footer {
			height: 35px;
			margin: 0 auto;
			max-width: 100%;
			font-family: 'Barlow', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size: .75em;	
			padding: 10px 0 0 0;
		}
		
		#grid-container {
			z-index: 1;
			margin-top: 50px;
			margin-bottom: 50px;
			max-width: 100%;
			align-items: center;
		}

		a:link {text-decoration: none; color: #008a5f;}
		a:visited {text-decoration: none; color: #008a5f;}
		a:active {text-decoration: none; color: #6eb43f;}
		a:hover {text-decoration: none; color: #6eb43f;}

	#form {
	  position: relative;
	  width:100%;
	  max-width: 750px;
	  margin: 50px auto 0 auto;
	}

input {
	font-family: 'Barlow', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 0.875em;
  width:100%;
  max-width: 750px;
  height: 50px;
  padding: 0 15px 0 15px;
  background: transparent;
  outline: none;
  color: #000;
  border: solid 1px #000;
  border-bottom: none;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

input:hover {
  background: #FFF;
  color: #e2dedb;
}

textarea {
  width: 100%;
  max-width: 750px;
  height: 110px;
  max-height: 110px;
  padding: 15px;
  background: transparent;
  outline: none;
  color: #726659;
			font-family: 'Barlow', Arial, Helvetica, sans-serif;
			font-weight:400;  font-size: 0.875em;
  border: solid 1px #000;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

	textarea:hover {
  		background: #FFF;
  		color: #e2dedb;
	}

	#submit {
			font-family: 'Barlow', Arial, Helvetica, sans-serif;
			font-weight:900;
		font-size: 1.5em;
  		width:100%;
  		max-width: 750px;
 		padding: 0;
  		margin: o auto;
  		background-color: #008a5f;
  		color: #FFF;
  		outline:none;
  		cursor: pointer;
  		border: solid 1px #000;

	}

	#submit:hover {
  		color: #61a60e;
  		

	}
	
@media (max-width:768px) {
			html {
  			scroll-padding-top: 50px; /* height of sticky header */
		}

	#logo {
			background-image: url(../img/logo.svg);
			background-repeat: no-repeat;
			transform: scale(.75);
			text-indent: -9999px;
			margin-bottom: 150px;
    		text-align: center;
		}
		
		#logo a {
			display: block; 
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			transform: scale(.75);
			margin-top: 200px;
		}

	#about { 
		padding: 50px 50px 0px 50px;
	}
	
	#contact { 
		padding: 50px 50px 125px 50px;
	}
	
	#headshot {
		float: none; 
		height: 361px;
		width: 325px;
		display: block;
    	margin: 0 auto;
		margin-bottom: 50px;
	}	
	
	.slicknav_menu {
		display: block;
		}
	
	ul#menu  {
			display: none;
		}
	
	#aboutheader {
		clear: both;	
			font-family: 'Barlow', Arial, Helvetica, sans-serif;
			font-weight:900;
		font-size: 3em;
		color: #00754A;
		margin: 0 0 25px 0;
	}
	
	#portfolio {
			font-family: 'Barlow', Arial, Helvetica, sans-serif;
			font-weight:900;
		font-size: 3em;
			color: #00754A;
			padding-top: 50px;
			display: block;
			text-align: center;
		}
}
	
@media (max-width: 480px) {
		html {
  			scroll-padding-top: 30px; /* height of sticky header */
		}

		#abouttext {
			text-align: center;
		}
		
		#logo {
			transform: scale(.675);
		}
		
		.slicknav_menu {
			display: block;
		}
			
		#header {
			font-family: 'Barlow', Arial, Helvetica, sans-serif;
			font-weight:900;
			font-size: 1.875em;
			color: #00754A;
			margin: 25px 0 10px 0;
		}
		
		ul#menu  {
			display: none;
		}
			
		#about { 
			background: rgba(108, 179, 63, 0.35);
			padding: 75px 25px 75px 25px;
			font-family: 'Barlow', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size: .75em;
			max-width: 100%;
			line-height: 1.5em;
			justify-content: center;
		}
		

			
		#grid-container {
			z-index: 1;
			margin-top: 25px;
			margin-bottom: 75px;
			max-width: 100%;
			align-items: center;
		}

		#contact {
			background: rgba(108, 179, 63, 0.35);
			padding: 75px 25px 50px 25px;
			font-family: 'Barlow', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size: .75em;
			max-width: 100%;
			line-height: 1.5em;
			float: none;
		}
		
		#submit {
			margin-bottom: 25px;
		}

		
		#footer {
			height: 35px;
			margin: 0 auto;
			max-width: 100%;
			font-family: 'Barlow', Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size: .25em;	
			padding: 25px;
		}	
}