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

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

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

 #slides li {
width:100%;
height:50px;
float:left;
text-align: center;
position: relative;
font-family:lato, sans-serif;
}

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

.quote-phrase {
height: 50px;
font-size:30px;
color:#fff;

}

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

@media (max-width: 1202px) {
.quote-phrase {
font-size:24px;
  }
}

@media (max-width: 702px) {
.quote-phrase {
font-size:20px;
  }
}