body {
	Margin: 5px;
	color: black; 
	Padding: 10px;
	font-family: 'Lato', sans-serif;
}

.wrapper {
	display: grid;
	grid-template-columns: 300px 2fr 0.6fr;
	grid-template-rows: auto;
	grid-template-areas: 
		"logo banner banner"
		"nav nav nav"
		"main main side"
		"footer footer footer";
		grid-gap: 7px;
}

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


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

.logo, .banner, .footer {
	color: #fff;
}

.logo {
	grid-area: logo;
	padding: 0px;
	height: 199px;
	background-image: url(Images/chick.jpg);
	background-repeat: no-repeat;
}

.banner {
	grid-area: banner;
}

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

.main {
	grid-area: main;
	background-color: #be9b89;
}

.side {
	grid-area: side;
	background-color: #524649;
	color: #fff;
	text-decoration: none;
}

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

.contact {
	width: 100%;
}

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

.center_image {
	text-align: center;
}

.contactdrive {
	width: 100%;
	height: 100;
}

.sub_heading {
	font-family: 'Lato', sans-serif;
	color: #dbdbdb;
	font-weight: bold;
}

h1, h2, h3, h4, {
	font-family: 'Anton', sans-serif;
}

.side a{font-weight: bold;}
.side a:link {color: #ffffff;} 
.side a:visited {color: #fff;}
.side a:hover {color: #dbdbdb; text-decoration: none;}

.main a{font-weight: bold;}
.main a:link {color: #fff;} 
.main a:visited {color: #fff;}
.main a:hover {color: #dbdbdb; text-decoration: none;}   

.nav a {font-weight: bold;text-decoration: none;}
.nav a:link, .nav a:visited {color: #fff;}
.nav a:hover {color: #dbdbdb; text-decoration: none;}