﻿
.quote-item { position: relative; animation: fadeIn ease 3s; -webkit-animation: fadeIn ease 3s; float: left; width: 100%; margin-top: 30px; }

.quote-item .quote-text { position: relative; padding: 20px; background-color: #F7F7F7; }

.quote-item .quote-text span.quote { display: block; text-align: center; font-size: 2rem; font-weight: 700; line-height: 130%; }

.quote-item .quote-text span.quote::before, .quote-item .quote-text span.quote::after { content: ''; height: 6px; width: 25%; margin: 20px auto; display: block; background-color: #E0E0E0; }

.quote-item .quote-text .author-text { margin-top: -10px; display: block; position: relative; }

.quote-item .quote-text .author-text span.author { display: block; font-size: 1.2rem; font-weight: 400; text-align: center; }

@media (max-width: 575px) { .quote-item { margin-top: 0px; } }

@media (min-width: 576px) and (max-width: 767px) { .quote-item { margin-top: 0px; } }

