body{display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	align-content:center;
	font-family: 'Alata',sans-serif;
	line-height: 1.6;
	margin:0;	}

/*
section{border: red 1px solid}
header{border: red 1px solid}
nav{border: red 1px solid}
img{border: red 1px solid}
nav a{border: red 1px solid}
a{border: red 1px solid}
*/

header{
	display: flex;
	flex-wrap: wrap;
	flex-direction:column;
	align-items:center;
	}
	
header img{width: 100%; height: auto;}	
	
nav{
	display: flex;
	flex-wrap: wrap;
	flex-direction:row;
	}

nav a{text-decoration:none; color: black; padding: 16px}
nav a:hover {color: black;font-weight: bold}
nav a.active {color: black;font-weight: bold}

/*
nav {display:grid;grid-template-columns: 1fr;}
nav a {text-align: center;}
*/
.portfolio {
	display:flex;
	justify-content:left;
	flex-wrap:wrap;
	max-width: 1080px;
}

.portfolio a {width:30%;margin: 1%;}
.portfolio img {width:100%;}
.about {width:50%;margin:0 8px;}
.aboutimage{float:right;}
.about p{}
.about p img {padding: 12px 4px; border: 0;}

#menuShowHide {position:absolute;left:-999em;}
label{padding:8px;}

@media screen and (max-width: 1000px) {
	.about, .contact {width:75%;}
	}

@media screen and (max-width: 600px) {
	body{align-content:flex-start;}
	header{align-items:flex-start;}
	header img {width: 98%;padding:1%;}
	nav {display:none;flex-direction:column;background-color:black;width:100%;font-size:22px;order:-1;padding:10px 0;}
	nav a{text-decoration:none; color: white; padding: 2px 8px;text-align:center;padding:10px 0;}
	nav a:hover {color: white;font-weight: bold;}
	nav a.active {color: white;font-weight: bold;}
	.about, .contact {width: 98%;padding:1%;margin:0;flex-direction:column;}
	.aboutimage{}
	.portfolio a {width:45%;margin: 1%;}
	#menuShowHide{}
	#menuShowHide + label:before {content:"Menu";}
	#menuShowHide:checked + label:before {content:"Menu";}
  #menuShowHide:checked ~ nav {display:flex;}
}

input, textarea{
	background-color:f2f2f2;
	border-color:d8d8d8;
	border-style: solid;
	border-width:2px;
	width:100%;
	margin:5px 0 20px 0;
}

input.submit{
	background-color:afd818;
	border-color:afd818;
	border-style: none;
	width:112px;
	height:32px;
	font-weight:bold;
}

p{}

footer{
	display: flex;
	margin:8px 20%;
	padding:16px;
	flex-wrap: wrap;
	flex-direction:row;
	align-items:center;
	justify-content: center;
	border-style: solid none none none;
	border-width:1px;
	}

footer img{	padding: 12px 4px;}