/* START: Blockquote */
.blockquote-container .blockquote-content {
    padding: 6.5rem 6rem 5rem 200px;
    position: relative;
    margin: 0 auto;
    max-width: 100% !important;
}
.blockquote-container .blockquote-content blockquote {
    position: relative;
    margin-bottom: 1.5rem;
    padding: 0;
}
.blockquote-container .blockquote-content blockquote::before {
    content: "";
    background-image: url(https://engineering.purdue.edu/MEP_Dev/images/blockquote-image.svg);
    width: 150px;
    display: block;
    height: 100px;
    background-repeat: no-repeat;
    position: absolute;
    left: -115px;
    top: -25px;
}
.blockquote-container .blockquote-content blockquote p {
    color: #000000;
    font-family: acumin-pro, "Franklin Gothic", sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.21;
}
.blockquote-container .blockquote-content .blockquote-name {
    color: #000000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.56;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    font-family: acumin-pro-condensed, "Franklin Gothic", sans-serif;
    margin-bottom: 0 !important;
}
.blockquote-container .blockquote-content .blockquote-title {
    color: #000000;
    font-family: acumin-pro, "Franklin Gothic", sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.56;
    margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
    .blockquote-container .blockquote-content {
        padding: 10rem 2.5rem 4rem 2.5rem;
    }
    .blockquote-container .blockquote-content blockquote::before {
        top: -6.5rem;
        left: -1.5rem;
    }
    .blockquote-container .blockquote-content blockquote p {
        font-size: 1.25rem;
    }
}
/* END: Blockquote */

/* START Responsive Video */
.responsive-iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* END REsponsive Video */