#carousel{ width:60%; margin:0 auto}#slides{ overflow:hidden; position:relative; width:100%}#slides ul{ list-style:none; width:100%; margin:0; padding:0; position:relative}#slides li{ width:100%; float:left; text-align:center; position:relative; font-family:lato, sans-serif}#slides h2{ font-style:oblique; font-weight:300; font-family:'Lato', Calibri, Arial, sans-serif; font-size:26px; text-shadow:2px 2px #000000}.btn-bar{ width:60%; margin:0 auto; display:block; position:relative; top:40px}#buttons{ padding:0 0 5px 0; float:right}#buttons a{ text-align:center; display:block; font-size:50px; float:left; outline:0; margin:0 60px; color:#; text-decoration:none; display:block; padding:9px; width:35px}a#prev:hover,a#next:hover{ color:#FFF; text-shadow:.5px 0px #}.quote-phrase,.quote-author{ font-family:sans-serif; font-weight:300; display:table-cell; vertical-align:middle; padding:5px 20px; font-family:'Lato', Calibri, Arial, sans-serif}.quote-phrase{ height:200px; font-size:24px; color:#; font-style:italic; text-shadow:.5px 0px #}.quote-marks{ font-size:30px; padding:0 3px 3px; position:inherit}.quote-author{ font-style:normal; font-size:20px; color:#; font-weight:400; height:30px}.quoteContainer,.authorContainer{ display:table; width:100%}.quoteContainer img{ margin-top: 10px}@media only screen and ( orientation:portrait ) and ( min-device-width: 0px ) and ( max-device-width: 768px ){ #carousel, .btn-bar { width:100%; padding-left: 15px}}