body {background: white;
    color: black;
    font-family: "arial";
    background-attachment: fixed;
    margin: 0;}
    
#wrapper {display: grid;
    grid-auto-rows: minmax(0px, 200px);
    grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);
    }

main {grid-column: 2 / 8;
grid-row: 4 / 8;}

nav h1 a {line-height: 200%;
   background-repeat: no-repeat;
    padding-left: 0;
    height: 40px;
    margin: 0;
    text-align: left;
    grid-row: 1 / 2;
   grid-column: 1 / 2;
    } 

nav {font-weight: bold;
    position:relative;
    top: 0;
    grid-row: 1 / 2;
    grid-column: 2 / 8;
    } 

nav a {text-decoration: none;
color: black;
padding: 1rem 0rem;
display: block;
text-align: center;
    }
        
nav a:hover {
    color: #8c8c8c;
    }
        
nav ul {
    list-style-type: none;
    margin: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    display: flex;
    flex-flow: row nowrap;
    grid-row: 1 / 2;
    grid-column: 4 / 8;
    }
        
nav ul li{width: 100%;
    }

#planspic { background-image: url("planspic.jpg");
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    grid-column: 2 / 8;
    grid-row: 2 / 3;}

#nutritionpic { background-image: url("nutritionpic.jpg");
     height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    grid-column: 2 / 8;
    grid-row: 2 / 3;}

#aboutpic { background-image: url("aboutpic.jpg");
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    grid-column: 2 / 8;
    grid-row: 2 / 3;}

#contactpic {background-image: url("contactpic.jpg");
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    grid-column: 2 / 8;
    grid-row: 2 / 3;}

#firsth2 {
text-align: center;}

#firstpar{
text-align: center;}

form {display: grid;
    grid-template-rows: auto;
    grid-template-columns: 200px 1fr;
    grid-gap: .75rem;
    width: 100%;}
    
    input, textarea{font-size: 1rem;
    padding: 10px;
    color: #666666;
    background-color: #fafafa;
    border: 0;}
    
    input:focus{outline: none;
    background-color: #f0f0f0;}
    
    textarea:focus{outline: none;
    background-color: #f0f0f0;}
    
    label{padding: 10px;
    text-align: right;
    grid-column: 1 / 2;}
    
    #mySubmit{width: 10rem;
    grid-column: 2 / 3;}



* {box-sizing: border-box;}