html, body{
    font-family:Arial, Gadget, San-serif;
    align-content: center;
    max-width:100%;
    overflow-x:hidden;
    position:fixed;
   }

#content{
    overflow:auto;
    height:100%;
}

li {
    display:inline;
    padding:70px;

}
ul{
    margin-bottom:10px;
}
h1{
    font-family: Arial, Gadget, San-serif;
    text-align: center;
    font-size: 12px;
    color: #87752d;
    padding-top:40px;
 }

img.align-center{
    width:175px;
    height: 92px;
    padding-left: 394px;
    padding-top:18px;
}


.top{
    background-color:#52471b;
    height:80px;
    margin-bottom:-20px;
    width:auto;
}

figure{ 
    display:inline-block;
    width: 187px;
    height: 293px;
    padding: 0px;
    border-left: #87752d solid 10px;
    border-top:#87752d solid 10px;
    border-right:#87752d solid 10px;
    margin: 30px;
    margin-top:50px;
    border-radius:5px;
    }


figure.first{
    margin-left: 340px;}


figure img{
    width:187px;
    height:293px;
   
             
}

figurecaption{
    margin: 0px;
    text-align:center;
        
}

p.one{
    background-color:#87752d;
    width:207px;
    height:45px;
    border-radius: 5px;
    padding-top:15px;
    margin-top:-11px;
    margin-left:-10px;
    text-align:center;
    color: #f8ffb0;
    font-size:20px;
}

p.two{
    background-color:#87752d;
    width:207px;
    height:45px;
    border-radius: 5px;
    padding-top:15px;
    margin-top:-11px;
    margin-left:-10px;
    text-align:center;
    color: #f8ffb0;
    font-size:20px;
}

p.three{
    background-color:#87752d;
    width:207px;
    height:45px;
    border-radius: 5px;
    padding-top:15px;
    margin-top:-11px;
    margin-left:-10px;
    text-align:center;
    color: #f8ffb0;
    font-size:20px;
}

p.four{
    background-color:#87752d;
    width:207px;
    height:45px;
    border-radius: 5px;
    padding-top:15px;
    margin-top:-11px;
    margin-left:-10px;
    text-align:center;
    color: #f8ffb0;
    font-size:20px;
    
}


.light{
    background-color: #f8ffb0;
    height: 800px;
    width:auto;
}

blockquote{ 
    height:20px;
    font-style: italic;
    font-size: 32px;
    margin-left:600px;
    margin-right:600px;
    margin-top: 100px;
    color:#87752d;
    text-align:center;
    font-size-adjust: auto;
    font-feature-settings: normal;
}
.footer{
     background-color: #52471b;
     height: 80px;
     text-align:center;
     font-size:19px;
     margin-top: -20px;
     margin-right: 0px;
    margin-bottom: 20px;
     padding:15px;
     color:#f2cc10;
     width:auto;  
     
}

.navback{
    background-color:#87752d;
    width:auto;
    height: 50px;
    border-top:solid #52471b;
    border-bottom: solid #52471b;
    text-align:center;
    font-size:24px;
    padding-bottom:20px;
    
    
}

.honey{
    background-color:#f2cc10;
    width:auto;
    height: 80px;
    margin-top:0px;
    border-top: solid 5px #87752d;
    
}
a:link {  
	color: #fffab8;
    text-decoration: none;
}
	
a:visited {
	color: #fffab8;
		}

a:hover {
	color: #ffc300;
  		}

a:active {
	color: #ffffff;
		}
a:focus {
    color: #51008e;
}
.center{
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding-top:15px;
    
}
.imgcenter{
    display:block;
    margin-left:auto;
    margin-right:auto;
}