body {
	color:#000;
	margin:auto;
	padding:50px;
}


.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;
	}

.box {

	padding: 20px;
	background-color: #ddd;
	font-family: 'Open Sans', sans-serif;
	border-radius:10px;
	}


.logo, .banner, .footer {
	background-color: #C83537;
	}


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

.banner {
	grid-area:banner;
	}

.nav {
	grid-area:nav;
	background-color: #A0B287;
	font-size:150%;
	text-align: center;
	}

.main {
	grid-area:main;
	background-color: #DB9B99;
	border:solid 1px #A0B287;
	}

.side {
	grid-area:side;
	background-color: #C0C28C;
	}

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

#contact {
	width:100%;
}
.main h2 {color:black;}

.main h3 {color:#885566;}


h1, h2{
	font-family: 'Roboto', sans-serif;
	color:black
	margin-top:0;
	}
	

.nav a {
	font-weight: bold;
	text-decoration: none
	}

.nav a:link, .nav a:visited {
	color: #885566
	}

.nav a:hover {
	color: #604830; 
}

.img-circle {
	max-width: 85%;
	height: auto;
}

.sub_heading {
	color:#593849;
	font-weight:bold;
	}


a {font-weight: bold}
a:link{color:#885566}
a:visited{color:black}
a:hover{color:#604830}
a{text-decoration: none}