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


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

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

/* ---- End of grid setup ----*/


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

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

.logo {
grid-area: logo;
padding: 0;
width: 298px;
height: 199px;
background-image: url(Images/Logo.jpg);
}

.banner {
grid-area: banner;

}

.nav {
grid-area: nav;
background-color: #3BAAD4; /* Blue */
font-size: 150%;
text-align: center;
}

.main {
grid-area: main;
background-color: #B6E0E9; /* Baby Blue */
}

.smallprint {
    text-align: left;
}

.side {
grid-area: side;
background-color: #46C4FA; /* Another Shade of Blue*/
}

.footer {
grid-area: footer;
text-align: right;
background-color: #3BAAD4; /* More Blue */
}

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

/* Area colouring... */

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

.logo, .banner {
background-color: #0452A6; /* Navy Blue */
}

/* 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: #fff;}
.nav a:hover {color: #0452A6; text-decoration:none;}

/* links in side bar */
.side a{font-weight: bold;}
.side a:link, .main a:visited {color: #fff;}
.side a:hover {color: #0452A6; 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%;
    height: 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;
}