body {
margin: auto;
padding: 50px;
color: #000;
font-family: 'Exo', sans-serif;
}


/* ---- Set up site grid ---- */

.wrapper {
display: grid;
grid-template-columns: 300px 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 grid setup ----*/


/* -000- Area styling -000- */

.box {
Border:solid 1px #000;
padding: 20px;
background-color: #ddd;
border-radius: 10px;
}

.logo {
grid-area: logo;
padding: 0;
width: 300px;
height: 215px;
background-image: url(Images/logo.png);
}

.banner {
grid-area: banner;

}

.nav {
grid-area: nav;
background-color: #994329; /* dark brown */
font-size: 150%;
text-align: center;
}

.main {
grid-area: main;
background-color: #eecb87; /* Sand yellow */
}

.side {
grid-area: side;
background-color: #af7138; /* lightish brown*/
}

.footer {
grid-area: footer;
text-align: right
}

/* -000- end of area styling -000- */

/* Area colouring... */

/* logo, banner and footer background are the same*/

.logo, .banner, .footer {
background-color: #9b6532; /* Mai Tai (Brown) */
}

/* set font on dark areas to white */
.logo, .banner, .side, .footer, .nav {
color: white;
}

h1, h2, h3, h4, h5, h6{
font-family: 'Open Sans', sans-serif;
}

/* navigation links */
.nav a{font-weight: bold;}
.nav a:link, .nav a:visited {color: #cabcb5;}
.nav a:hover {color: #e2b39b; text-decoration:none;}

/* links in side bar */
.side a{font-weight: bold;}
.side a:link, .main a:visited {color: white}
.side a:hover {color: lightblue; text-decoration:none;}

/* links in main page */
.main a {font-weight: bold;}
.main a:link, .main a:visited {color: blue;}
.main a:hover {color: purple; text-decoration:none;}

/* 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-weight: bold;
	color: #593849; /* Purple */
	font-size: 26px;
	text-decoration: underline;

}