nav {
   color: #816544;
    margin: 0;
    
    grid-row: 1 / -1;
    grid-column: 1 / -1;
}

#lightbrown {
    background-color: #DEB887;
    padding: 2px;
    margin: none;
    
}

#sbrown {
    background-color: #816544;
    margin: none;
    padding-top: 2px;
    
}

nav h6 {
    
    color: #816544;
}


nav a {
    column-rule: #816544;
    padding: 1rem 0rem;
    display: block;
    position: sticky;
    top: 0;
    text-decoration: none;
    padding-left: 115px;
    padding-right: 115px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    flex-flow: row nowrap;
    font-family: sans-serif;
    margin: 0;
    color:#816544;
    
    

    grid-row: 1 / -1;
    grid-column: 1 / -1;
    }




nav ul { 
    list-style-type: none;
    display: flex;
    flex-flow: row nowrap;
    text-align: center;
    background-color: #DEB887;
    column-rule: #816544; 
    
    grid-row: 1 / -1;
    grid-column: 1 / 3;
}


header {
    background-color:#DEB887;
    color:#816544;
    font-family:sans-serif;
    text-align: center;
    margin: none; 
    
    
    grid-row: 2 / -2;
    grid-column: 2 / -2;
    
    }


header h1 {
    padding-left: 0.5rem;
    margin: 0;
    
    padding-bottom: 2rem;
    padding-top: 2rem;

    grid-row: 2 / -2;
    grid-column: 2 / -2;
}

body {
    font-family:sans-serif;
    
    height: 1600px;
    width: auto;
    
    
    grid-row: 3 / -3;
    grid-column: 2 / 3;
}




main {
    font-family:sans-serif;
    height: 700px;
    width: 1200px;
}

main p {
    color: #816544;
}

main h2 {
    grid-row: 3 / -3;
    grid-column: 2 / 2;
    text-align: center;
    color: #816544;
}

#mbrown {
    background-color: #DEB887;
    padding-top: 8px;
    
    grid-row: 3 / 4;
    grid-column: 2 / 2;
}

#dbrown {
    background-color: #816544;
}

#dbrown2 {
    background-color: #816544;
}

.pbrown {
    background-color: #DEB887;
    padding-left: 3px;
    margin-bottom: 2rem;
}

main h6 {
    color: #816544;
}

main h3 {
    
    text-align: center;
    color: #816544;
    text-decoration: underline;
    
}

main h5 {
    color: #DEB887;
}


#bottombrown {
    background-color: #816544;
    padding-top: 8px;
}


main h5 {
    text-align: center;
    
    
}





footer {
    font-family:sans-serif; 
    
}




#gallery {
    display: grid;
    height: auto;
    grid-auto-columns: 400px 400px;
    
    grid-auto-rows: minmax(0px, auto)  auto;
    grid-template-columns: repeat(3, 1fr) ;
    
}






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


#three {height: auto;
    background-size: cover;
    background-image:url("images/three.jpg");
    background-position: center;
    width: auto;
    height: 300px;
    
    
    grid-row: 3 / -3;
    grid-column: 1 / -2;
    }


#family {height: auto;
    background-size: cover;
    background-image:url("images/family.jpg");
    background-position: center;
    width: auto;
    height: 300px;
    margin: 2rem;
    }


#horses {height: auto;
    background-size: cover;
    background-image:url("images/horses.jpg");
    background-position: center;
    width: auto;
    height: 300px;
    margin: 2rem;
    }


#girl {height: auto;
    background-size: cover;
    background-image:url("images/girl.jpg");
    background-position: center;
    width: auto;
    height: 300px;
    margin: 2rem;
    }


#cat {height: auto;
    background-size: cover;
    background-image: url("images/cat.jpg");
    background-position: center;
    width: auto;
    height: 300px;
    margin: 2rem;
    }


#doggirl {height: auto;
    background-size: cover;
    background-image:url("images/doggirl.jpg");
    background-position: center;
    width: auto;
    height: 300px;
    margin: 2rem;
    }


#dogy {height: auto;
    background-size: cover;
    background-image:url("images/dogy.jpg");
    background-position: center;
    width: auto;
    height: 300px;
    margin: 2rem;
    }