*{
    box-sizing:border-box;
}

#wrapper {
	display:grid;
	grid-auto-rows:minmax(0,auto);
	grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);

}
header{
    background-color:#00291B;
    text-align:center;
    grid-row:1/2;
    grid-column:2/8;
    
    
    
}
h1{ 
    font-family:WTR Fatboy;
    color:#A4D38F;
    padding-top:0;
    font-size:0.8in;
    
    
}
h2{
    font-family:Mayence Premium;
    color: white;
    font-size:0.4in;
    
    
    
}

h3{
    font-family:Mayence Premium;
    color:white;
    text-align:center;
    font-size:3em;
    grid-row:4/5;
    grid-column:2/8;
}
nav{
    font-weight:bold;
    background-color:#A4D38F;
    grid-row:2/3;
    grid-column:1/9;
}

nav a{
    text-decoration:none;
    color:#00291B;
    display:block;
    text-align:center;
    padding-bottom:1.5em;
    padding-top:1.5em;
    font-size:larger;
    font-family:'Gill Sans';
    
}

nav a:hover{
    color:white;
}

nav ul{
    display:flex;
    list-style:none;
    justify-content:space-around;
    
}




#home{
    background-image: url(images/home.jpg);
    height:620px;
    background-repeat:no-repeat;
    background-position:center;
    grid-area:3/1/4/9;
    margin-bottom:1em;

}

body{
    background-color:#00291B;
    color:#00291B;
    margin:0;}

footer{
    color:#00291B;
    text-align:center;
    font-size:1em;
    font-weight:bold;
    padding:.2em;
    background-color:#A4D38F;
    grid-row:7/8;
    grid-column:1/9;
    margin-left:3em;
    margin-right:3em;
    margin-top:3em;
    
}

#aboututah{
    color:#00291B;
    background-color:#A4D38F;
    text-align:left;
    padding:3em;
    font-size: larger;
    font-family:'Gill Sans';
    grid-row: 6/7;
    grid-column:2/8;
    width:100%;
    
    }

    @media only screen and (max-width:600px){
        header h1{
            background-image:none;
            text-align:center;
        }

        
        #aboututah{
            text-align:left;
         }

        #home{
            height:400px;
        }

        nav ul{
            flex-flow:column wrap;
         
        }
        #wrapper {
            grid-template-columns:  repeat(8, minmax(0, auto));}
    }

    @media only screen and (max-width:900px){
        #wrapper {
            grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 128px)) minmax(0px, 1fr);
        }        
    }