

      body {
background-color:#B9B9B9;
color:#000;
font-family:Cabin,Georgia;
background: linear-gradient(#eeeeee, #ffffff);
background-attachment:fixed;
    }

header {
color:#000;
font-family:Cabin,Georgia;
text-align: center;
grid-template-rows:2/3;
grid-template-columns: 1/-1;
}

main {
    grid-template-rows: 4/ 5;
    grid-template-columns: 1/ -1;
    padding-top:20rem;
    text-align: left;
}


h1 {

      line-height:240%;
      text-align: center;
      height: 72px;
    
}
h2 {
    text-decoration-color:#424242;
    font-family: Cabin, Georgia;
    
}

p {
    line-height: 1.25rem;
}
footer {
    grid-template-rows: 5/ 6;
    grid-template-columns: 1/ -1;
    font-size:.70em;
    font-style: italic;
    text-align: center;
    }
    
    #snowwhitemountain{
    background-image:url("images/SnowCanyonWhiteMountain_JoeNewman.jpg");
    height:250px;
    background-size:cover;
    background-repeat: no-repeat;
        background-position:center;
    }
#books1 {
    background-image: url("images/BOOKS1.jpg");
height:300px;
    width: 450px;
float:left;
    z-index: 3;
background-repeat: no-repeat;
    grid-template-columns: 2/4;
    grid-template-rows: 3/4;
        
}

#camera1 {
    background-image: url("images/CAMERA1.jpg");
    height:300px;
width: 450px;
    z-index: 3;
    float:right;
    grid-template-rows: 3/4; 
    grid-auto-columns: 4/6;
    background-repeat: no-repeat;
        
    }
nav a{
    text-align:center;
    color:#000;
}

nav {
    grid-template-rows:1/2;
    grid-template-columns: 1/-1;
position: sticky;
      font-weight:bold;
background-color:#FFF;
padding-top:1rem;
padding-right:1rem;
padding-bottom:1rem;
padding-left:1rem;
text-decoration:none;

}

nav ul {
    display:flex;
    list-style-type:none;
    position: sticky;
    
}

nav ul li {
    text-align: center;
    position: flex;
    align-items: center;
    width:100%;
    
    
}


#wrapper {
    display: grind;
    grid-auto-rows: minmax(0px);
    grid-template-columns: minmax(0px,1fr) repeat(6,minmax(0px,175px))minmax(0px, 1fr);
    
}

