body {
		margin: auto;
		padding: 50px;
		color: #000;
		font-family: 'Raleway', sans-serif;
	}
	
	
	/* ---- Set up site grid --- */
	
	.wrapper {
		display: grid;
		grid-template-columns: 1fr 2fr 1fr;
		grid-template-rows: auto;
		grid-template-areas:
			"logo banner banner"
			"nav nav nav"
			"main main side"
			"footer footer footer";
		grid-gap: 4px
	
	}
	
	/* ---- End of site grid --- */
	
	/* -000- Area styling -000- */
	
	.box {
		padding: 20px;
		border-radius: 10px;
		background-color: #ddd;
	}
	
	
	/* Area coloring... */
	
	/* logo, .nav background are the same */
	.logo, .nav {
		background-color: #0; /* light brown */
	}
	
	
	.nav {
		grid-area: nav;
		background-color: #F0F0F0; /* light brown */ 
		font-size: 150%;
		text-align: center;
		border: solid 2px #bfa3ce; 
	}
	
	
	.logo {
		
		grid-area: logo;
		padding: 0;
		height: 1;
		background-color: #ffffff;
		border: solid 2px #bfa3ce;
		
	
	}
	
	.banner {
		grid-area: banner;
		background-color: #bfa3ce; /* light brown */ 
		width; 500px;
	}
	
	.main {
		grid-area: main;
		background-color: #c1bfbf; /* light grey */
		
	
	}
	
	.side {
		grid-area: side;
		background-color: #c1bfbf; /* light grey */
	
	}
	
	.footer {
		grid-area: footer;
		background-color: #bfa3ce;
		text-align: right;
	}
	
	
	
	
	/* -000- End of area styling -000- */
	
/* Contact Form Styling */
.contact {
		width: 100%;
}

.img-circle {
	border-radius: 50%;
	max-width: 85%;
	height: auto;
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.8);
}

.center_image {
	text-align: center;
}

/* Sub Heading Formatting */
.sub_heading {
	font-family; 'Ubunta', sans-serif;
	color: #593849; /* purple */
	font-weight: bold;