body {
}

header {
	background-image:url("./images/3 Offerings Page Header Img - Legs.jpg");
	background-size:cover;
	justify-content:flex-start;
	height:27vh;
	flex-shrink:0;
}

a {
	text-decoration:none;
}

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

main {
	background-image:url("./images/3 Offerings Page Background - Raspberries - darker test.jpeg");
	background-size:cover;
	padding-left:0;
	align-items:center;
	height:73vh;
	flex-shrink:0;
}

article{
	background-color:rgba(255,255,255,0.5);
	height:80%;
	display:flex;
	justify-content:center;
	flex-direction:column;
	flex-basis:0;
	flex-grow:1;
	flex-shrink:1;
	height:100%;
}

article > p {
	margin:auto;
	width:max(80%, 300px);
	color:#4F2C07;
	font-size:25px;
	font-weight:bold;
}

article > p > span{
	font-size:27px;
}

article > p:first-of-type {
/* 	margin-top:25px; */
}

article > figure {
	width:95%;
	max-height:350px;
	overflow:hidden;
/* 	margin:25px auto; */
	margin:auto;
}

figure img {
	width:100%;
}

article:first-of-type {
	border-right:4px solid #FFF7F7;
}

article:last-of-type {
	border-left:4px solid #FFF7F7;
}

footer {
	background-color:white;
	color:#4F2C07;
	padding:25px;
}

footer div {
	padding:0 25px 25px;
}

footer div p:first-of-type {
	margin-top:0;
}

footer ul {
	margin-bottom:0;
}

@media screen and (width < 700px) {
	header {
		height:auto;
	}
	
	main {
		height:auto;
		flex-direction:column;
	}

	article:first-of-type {
		border-right:0;
		border-bottom:4px solid #FFF7F7;
	}

	article:last-of-type {
		border-left:0;
		border-top:4px solid #FFF7F7;
	}

	article {
		padding-bottom:5px;
	}
	
	article > p {
		margin:20px auto;
	}

	footer {
		font-size:20px;
	}
	
	footer ul {
		padding-left:20px;
	}
	
	footer li {
		margin-bottom:10px;
	}
}