body{
background-color: whitesmoke;
}

li{
display: inline;
}



h2{
font-family: 'Quicksand', sans-serif;
font-weight: normal;
font-size: 30px;
color: #897967;
}

h3{
font-family: 'Quicksand', sans-serif;
font-weight: normal;
font-size: 20px;
color: #897967;
}


#head{
position: relative;
width: 100%;
height: 200px;
background-color: #e2e2e2;
text-align: center;
letter-spacing: 4px;
word-spacing: 4px;
}

#head span{
width: 300px;
height: 80px;
line-height: 80px;
font-family: 'Quicksand', sans-serif;
font-size:40px;
color: #2e2e2e;
background-color: whitesmoke;
margin-top: 35px;
display: inline-block;
}

#head ul{
position: relative;
width: 300px;
height: 50px;
list-style-type: none;
text-align: center;
margin-top: 10px;

}

#head li{
display: inline-block;   
font-family: 'Quicksand', sans-serif;
color:#a5a5a5;
margin-top: 30px;
letter-spacing: 8px;
}

#head #nav #one{
    color: #4b4b4b;
}

 #head li a:hover{color: #4b4b4b;}
a{ text-decoration:none; color:#a5a5a5;}

#pics{
    position: relative;
    width: 80%;
    margin: auto;
}


#pics ul{
    width: 100%;
    height: :100%;
    margin: 30px 10px 30px 70px;
}

#pics li{
    list-style: none;
    float: left;
    width: 25%;
    height: 180px;
    overflow: hidden;
    padding:20px 20px 10px 20px;
}

#pics ul li img{
    width:100%;
    height:100%;
    box-shadow: #a5a5a5;
}

#pics img{
    
    transition: 0.6s; }

#pics img:hover{
   transform-origin: center;
    transform-style: preserve-3d;
    transform: scale(1.4);
    box-shadow: #a5a5a5;
}

#grace ul{
 width: 100%;
    height: :100%;
    margin: 30px 300px 30px 300px;
}