body {
	background-image:url("./images/4 Contact Page Background - Green.jpg");
	background-size:cover;
}

header {
	justify-content:flex-start;
	flex-direction:row;
	color:#FFF7F7;
	height:auto;
}

header > div {
	padding:0 30px 0 0;
	font-size: 30px;
}

header > div > p:first-of-type {
	margin-top:20px;
}

nav {
	flex-shrink:0;
}

nav li {
	font-size:40px;
	margin-bottom:0;
}

main{
	padding:35px 0;
}

main > section:first-of-type {
	flex-basis:400px;
	flex-shrink:0;
}

main > section {
	flex-grow:2;
	flex-shrink:2;
	color:#FFF7F7;
	font-size:30px;
}

main > section:has(figure){
	flex-basis:500px;
	flex-shrink:2;
	flex-grow:1;
}

main p {
	margin:16px 30px auto;
}

figure > img {
	width:100%;
}

main figure {
	border:4px solid #FFF7F7;
}



@media screen and (width < 600px) {
	
	body {
		padding:15px 25px;
	}
	
	main, header {
		flex-direction:column;
		padding:0;
		margin:0;
	}
	
	nav{
		text-align:center;
		width:auto;
	}
	
	nav ul {
		margin:auto;
	}
	
	nav li {
		display:block;
	}
	
	header div {
		margin:0;
		padding:0;
	}
	
	main div {
		margin:0;
		padding:0;
	}
	
	main p {
		margin-left:0;
		margin-right:0;
		padding:0;
	}
	
	figure {
		margin:0 auto;
		margin-bottom:30px;
		
	}
}