#about-photo{
/*background-image:url("img/johnsons.png");*/
background-repeat: no-repeat;#f7ead6 */
background: -webkit-gradient(linear, top left, bottom left, from(#d3cbbe), to(#d3cbbe));
background: -webkit-linear-gradient(#d3cbbe,#d3cbbe);
background: linear-gradient(#d3cbbe,#d3cbbe);
/*background-size: auto 100% ;*/

background-size: 100% auto ;
}
#footer-books{
/*background-image:url("../../img/aboutjdo.png");*/
/*opacity: 0.2;*/

background-repeat: no-repeat;
}
.front-buttons{
margin-top: -30%;
}
.section-margin {
  margin: 10% 30% 10% 10%; 
}
.white-text {
/*color:whitesmoke;*/
color:#F9F7F1;
}
.intro-text {
  z-index: -1;
  vertical-align: middle ;
  border-radius: 25px;
  text-align: center;
  padding: 100px 10px 10px 10px; 
}
.intro p{
		padding:40px 0 0 0;
	}
.align-bottom {
    z-index: -1;
    padding: 10px 10px 10px 10px; 
    margin-left:40%;
    position: relative;
   color: #555;
}
#bottom{
   position:absolute;
   bottom:7%;
   width:100%;
   height:30px;
   color: #555;
   padding-bottom: 10%; 
}  
.centered {
  z-index: -1;
  vertical-align: middle ;
  text-align: center;
  color: #555;
  padding: 10px 10px 10px 10px; 
}
.button-container {
    margin-top: 100px;
    text-align: center;
  }

.browse-button {
    font-family: Volkorn;
    background: white;
    border: 2px solid black;
    cursor: pointer;
    border-radius: 10px;
    font-size: 100%;
    text-align: center;
  }
.browse-button:hover {
  background-color: grey;
}
.btn-round {
        box-shadow:inset 0px 1px 0px 0px #a6827e;
        /*background:linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);*/
        background:linear-gradient(to bottom, #b1a38c 5%, #d3cbbe 100%);
        background-color:#d3cbbe;
        border-radius: 10px;
        border:1px solid #54381e;
        left-margin:3px;
        display:inline-block;
        cursor:pointer;
        //color:#ffffff;
        //font-family:Arial;
        //font-size:13px;
        padding:6px 24px;
        margin:6px;
        text-decoration:none;
        /*text-shadow:0px 1px 0px #4d3534;*/
}
.btn-round:hover {
        background:linear-gradient(to bottom, #ffffff 5%, #7d5d3b 100%);
        background-color:#634b30;
}
.btn-round:active {
        position:relative;
        top:1px;
}
.btn-right {
	right:0px;
	margin:2px;
	padding:2px;
}
.btn-brown {
	box-shadow:inset 0px 1px 0px 0px #a6827e;
	/*background:linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);*/
	background:linear-gradient(to bottom, #b1a38c 5%, #d3cbbe 100%);
	background-color:#d3cbbe;
	border-radius:3px;
	border:1px solid #54381e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #4d3534;*/
}
.btn-brown:hover {
	background:linear-gradient(to bottom, #ffffff 5%, #7d5d3b 100%);
	background-color:#634b30;
}
.btn-brown:active {
	position:relative;
	top:1px;
}

.center-div {
  margin: auto;
  width: 50%;
  padding: 10px;
}
.horizontal-centered{
  horizontal-align: middle ;
}