/* Quote Styling */

#maQuote .speech-bubble {
  display: block;
  width: 100%;
  position: relative;
  background: #000;
  border: 3px solid #630600;
  border-radius: 10px;
  text-shadow: none;
  padding: 20px;
  box-sizing: border-box;
}

#maQuote .speech-bubble::before {
  content: '';
  position: absolute;
  bottom: -17px;
  right: 52px;
  transform: translateX(-50%) rotate(45deg);
  width: 30px;
  height: 30px;
  background: linear-gradient(-45deg, #000 50%, transparent 0);
  border: 3px solid #630600;
  border-width: 0 3px 3px 0;
  border-radius: 0 0 3px 0;
  box-sizing: border-box;
}

#maQuote .quote-wrapper {
  position: absolute;
  opacity: .15;
  z-index: 1;
  left: 10px;
  top: 10px;
}

#maQuote .speech-bubble-signature {
  margin-top: 28px;
  margin-right: 50px;
  font-size: 17px;
  text-align: right;
}

#maQuote p {
  position: relative;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
  text-align: justify;
  color: #d5d5d5;
  margin-bottom: 0;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  z-index: 2;
}

@media (min-width: 576px) {
  #maQuote p {
    font-size: 18px;
  }
}