body {
 font-family: "Century Gothic", "sansserif";
 font-size:1em;
  }

a, .menu_item {
    text-decoration: none;
    display:flex;
    flex-direction: column;
    align-items:flex-end;
    margin-right:10px;
 }



.container {
display:grid;
grid-column-gap:25px;
grid-template-columns: 1fr 5fr;
-ms-grid-columns: 1fr 5fr;
	
grid-template-rows: auto;
-ms-grid-rows:150px 100px repeat(6, 1fr) 150px;
grid-template-areas: "logo header" 
                     "menu body"
	                 "menu6 body6"
                     "menu2 body2"
                     "menu3 body3"
                     "menu4 body4"
                     "menu5 body5"
                     "footer footer";

}

@media (max-width: 875px){
    .container {
        display:grid;       
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: "logo"
                             "header" 
                             "body"
                             "menu"
			                 "body6"
                             "body2"
                             "body3"
                             "body4"
                             "body5"
                             "footer"
                             "footer";
       
        }

}
.one {
display:grid;
grid-area: logo;
background-color:#947CAC;
justify-content: center;
align-content: center;
}


.logo {
color:#fff;
font-size: 3em;
}


.two {
background-color:#fff;
grid-area: header;
align-self:end;}

h1, h2, h4 {
       font-weight:1;
    }

 /* @media (max-width: 875px){
      .body2 h2 {margin-top: 50px;}
      } */

.three {
    grid-row: 2/8;
     }

@media(max-width: 875px) {
        .three {grid-area:menu;
                   }    
        }

ul {
    list-style-type: none; 
    text-align: right;
    margin:0px;
 }
    

ul li {
    text-decoration: none;
    display:flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 10px 0px;
 }

 @media(max-width: 875px) {
    ul li {
       align-items: flex-start;
    }
    ul {
padding: 0px;
    }
       
    }
 
.menu_item {
        margin: 15px 0px;
        font-size: 1.5em;
          }

.bodyText {
max-width:1250px;
}

.four {
background-color: #fff;
grid-area: body;
}


.body2 {
    grid-area: body2;
    }

.body3 {
    grid-area: body3;
       }

.body4 {
    grid-area: body4;
}
   
.body5 {
    grid-area: body5;
        }
.body6 {
    grid-area: body6;
        }

.footer {
background-color: #947CAC;
grid-area: footer;
min-height:150px;}


