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

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

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

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

#buttons {
    margin: 0 auto;
    float: none;
}

#buttons a {
text-align:center;
display:block;
font-size:50px;
float:left;
outline:0;
margin:0 60px;
color:#b14943;
text-decoration:none;
display:block;
}

a#prev:hover, a#next:hover {
    color: #2976bb; 
}

.quote-phrase, .quote-author {
font-family:sans-serif;
font-weight:300;
display: table-cell;
vertical-align: middle;
padding: 5px 20px;
}

.quote-phrase {
    height: 150px;
    font-size: 20px;
    color: #2976bb;
    font-style: italic;
    font-weight: 300;
    line-height: 44px;
}

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

.quote-author {
    font-style: normal;
    font-size: 16px;
    color: #292929;
    font-weight: 300;
    height: 30px;
    text-transform:uppercase;
    letter-spacing:1px;
}

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

a#prev {
    position: absolute;
    left: -120px;
    top: 0px;
    color: #cccccc;
}

a#next {
    position: absolute;
    right: -120px;
    top: 3px;
    color: #cccccc;
}