body{
    background-color: #fbf9ed;
    /*background-image:url("../_images/background.jpg");*/
}

.wrapper{
    /* background-color: plum; 
    background-color: rgba(221,160,221,0.8);*/
    background-color: #fbf9ed;
    width: 95%;
    margin-left:auto;
    margin-right: auto;
    
}

.header{
    padding: 1em;
}


.nav{
    padding: 1em;
    margin-top: 5px;
}



span{
    display: inline-block;
    line-height: 40px;
    margin: 0 5px;
}

span a{
    font-family: Arial, sans-serif;
    color: black;
    font-size: 15px;
    padding: 7px 13px;
    background-color: #fbf9ed;
    text-decoration: none;
}

span a:hover{
    color: darkgoldenrod;
}

a{
    color: goldenrod;
}

p{
    font-family:cursive;
}

h2{
    font-family: Gills Sans, sans-serif;
}

img{
    border-style: solid;
    border-color: #848B79;
}

.main{
    clear: both;
    padding: 1em;
}

.homepagemain{
    clear: both;
    padding: 1em;

}

.grid-container1{
    display: grid;
    grid-template-columns: 67% 32.5%;
    grid-gap:10px;
    padding: 10px;
}

.grid-container1-half{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap:10px;
    padding: 10px;
}

.grid-container2{
    display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
    grid-gap:10px;
    padding: 10px;
}

/*
.grid-container2{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap:10px;
    padding: 10px;
}
*/

.top-grid-item1{
    grid-column:1 / 2;
    grid-row: 1 / 3;
}

 


.nofloat{
    clear: both;
}


.footer{
    clear: both;
}



/* Other */
    @media screen and (max-width: 800px){
  

.grid-container2{
    grid-template-columns: auto auto;
    grid-gap:10px;
    padding: 10px;
}
        
        
ul{
    float: none;
    margin-right: 0px;
}
        
ul li{
    display: block;
    line-height: 40px;
    text-align: center;
    margin-left: -2em;
}
          
        }












 @media screen and (max-width: 600px){
  
.grid-container1{
    display: block;
    width: 100%
    padding: 10px;
}

.grid-container2{
    display: block;
    width: 100%
    padding: 10px;
}
        
        
ul{
    float: none;
    margin-right: 0px;
}
        
ul li{
    display: block;
    line-height: 40px;
    text-align: center;
    margin-left: -2em;
}
          
        }