body {
	margin: auto;
	padding: 50px;
	color: #000;
	font-family: 'Lato', 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;
	border-radius: 10px;
	background-color: #ddd;
}

/* Area coloring... */ 

/* logo and banner are the same */
.logo, .banner, .footer{
	background-color: #141414; /* black */
}

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


/* Area specifics */

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

.banner {
	grid-area: banner;
	background-color: #141414; /* black */
}

.nav {
	grid-area: nav;
	background-color: #3e3839; /* jon (brown) */
	font-size: 150%;
	text-align: center;
}

.main {
	grid-area: main;
	font-size: 100%;
	background-color: #7e3d3a; /* stiletto */
	border: solid 1px #000 
}

.side {
	grid-area: side;
	background-color: #6a6969; /* dim gray */
}

.footer {
	grid-area: footer;
	text-align: right;
	background-color: #3e3839; /* jon (brown) */
}

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

h1, h2, h3, h4{
	font-family: 'Ubuntu', sans-serif;
}
/* Navigation Links */
.nav a {font-weight: bold;}
.nav a:link{color: #a83937;} /* Milano Red */
.nav a:visited {color: #a83937;} /* Milano Red */
.nav a:hover {color: #b88f8e; text-decoration: none;} /* Rosy Brown */

/* links in page */
a {font-weight: bold;}
a:link{color: #141414;} 	/* Black */
a:visited{color: #aba9a9;}  /* Dark gray */
a:hover{color: #b88f8e;}    /* Rosy Brown */


/* links in side bar */
.side a:link{color: #141414;}	 /* black */
.side a:visited{color: #aba9a9;} /* dark gray */
.side a:hover{color: #aba9a9;}	 /* dark gray */

/*Contact Form Styling*/
.contact{
	width: 100%;
}

.img-circle{
	border-radius: 50%;
	max-width: 86%;
	height: auto;
}