body {
    background-color: #5C6A50;
    margin: auto;
    padding: 50px;
    color: #000;}

/* Page Layout */

/* ---- Grid Setup ---- */

.wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr 2fr;
    grid-template-rows: auto;
    grid-template-areas:
        "logo banner banner banner"
        "logo nav nav nav"
        "main main main"
        "";
    grid-gap: 12px;
border-width: 3px;}

/*-- Grid Setup End --/

/* --Area Styling-- */
.box {
    border: solid 3px #000;
    padding: 20px;
    background-color: #A0522D;}

.logo, .banner, .side, .footer, .nav, .main, .Logo, .Desc, .Expl {
    color: #494D55; }
/* Area Styling End */

/* Area Specified */
.logo{
    grid-area: logo;
    height: 225px;
}

.banner {
    grid-area:banner;
    height: 100px;}

.nav {
    grid-area: nav;  
    text-align: center;
}

.main {
    grid-area: main; 
    height: 450px;}

.side {
    grid-area: side; 
    width: 150px;
height: 450px;}

.footer {
    grid-area: footer;}
/* Page Layout End */


/*-- Overlapping Boxes --*/

.LogoInner{
  background-color: #B88E73;
    border-radius: 12px;
    padding: 1px;
    border-style: solid;
    border-width: 3px;
    border-color: #000;
    height: 225px;
    width: 400px;
        ;
}
.BannerInner {
  background-color: #B88E73;
    border-radius: 12px;
    padding: 1px;
    border-style: solid;
    border-width: 3px;
    border-color: #000;
    height: 100px;
    width: auto;
    font-size: 200%;}


.NavInner {
  background-color: #B88E73;
    border-radius: 12px;
    padding: 3px;
    border-style: solid;
    border-width: 3px;
    border-color: #000;
    height: 50px;
    width: auto;
    position: relative;
font-size: 200%;
    text-align:center;
    color: #fff;}

/* Main Section Grid Layout */
.main {
 display: grid;
grid-template-columns: 1fr 3fr;
grid-template-rows: auto;
grid-template-areas:
"Image Expl"
"Desc Expl";
grid-gap: 12px;}

.Main {
     border-radius: 12px;
   border: solid 3px #000;
    padding: 20px;
    background-color: #A0522D;}

.Image {
  grid-area: Image;  
     background-color: #B88E73;
text-align:center;}

.Desc {
    grid-area: Desc;
     background-color: #B88E73;
text-align:center;
color: #494D55;}

.Expl {
    grid-area: Expl;
    background-color: #B88E73;
text-align: center;}


/* Main Section Grid Layout End */

.SideInner {
  background-color: #B88E73;
    border-radius: 12px;
    padding: inherit;
    border-style: solid;
    border-width: 3px;
    border-color: #000;
    height: 375px;
text-align:center;
    width: auto;}

.FooterInner {
   background-color: #B88E73;
    border-radius: 12px;
    padding: 1px;
    border-style: solid;
    border-width: 3px;
    border-color: #000;
    height: auto;
    width: auto;  
    
}
/*-- Overlapping Boxes End --*/

/* nav setup */

.nav a {font-weight:bold;}
.nav a:link, .nav a:visited {color: #494D55;}

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

.Title
{position: relative;
bottom: 30px;
text-align: center;}

.navtext
{position: relative;
bottom: 35px;
text-align: center;}