#carousel {
position: relative;
width:60%;
margin:0 auto;
}

#slides {
overflow: hidden;
position: relative;
width: 100%;
height: 150px;
}

#slides ul {
list-style: none;
width:100%;
height:150px;
margin: 0;
padding: 0;
position: relative;
}

 #slides li {
width:100%;
height:150px;
float:left;
text-align: center;
position: relative;
font-family: 'Cormorant+Garamond', serif;/*font-family:lato, sans-serif;*/
}
/* Styling for prev and next buttons */
.btn-bar{
    max-width: 346px;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 0px;
    width: 100%;
}

 #buttons {
padding:0 0 5px 0;
float:right;
}

#buttons a {
text-align:center;
display:block;
font-size:20px;
float:left;
outline:0;
margin:0 0px;
color:#b14943;
text-decoration:none;
display:block;
padding:9px;
width:35px;
}

a#prev:hover, a#next:hover {
color:#ae8e58;
	font-weight: 700;
/*text-shadow:.5px 0px #b14943;  */
}

.quote-phrase, .quote-author {
/*font-family:sans-serif;*/
font-weight:500;
display: table-cell;
vertical-align: middle;
padding: 5px 20px;
ont-family: 'Cormorant+Garamond', serif;/*font-family:'Lato', Calibri, Arial, sans-serif;*/
}

.quote-phrase {
height: 100px;
font-size:36px;
color:#b14943;
font-style:italic;
	line-height: 1.2;
/*text-shadow:.5px 0px #b14943;  */
}

.quote-marks {
font-size:36px;
padding:0 3px 3px;
position:inherit;
}

.quote-author {
font-style:normal;
font-size:20px;
color:#ae8e58;
font-weight:400;
height: 30px;
}

.quoteContainer, .authorContainer {
display: table;
width: 100%;
}