.blockquote {
  font-family: 'Raleway', sans-serif; 
  padding: 0 30px 0 30px;
  overflow: hidden;
}
  
.blockquote_text {
  font-family: 'Merriweather', sans-serif; 
  position: relative; /* for pseudos */
  color: #465d69;
  font-size: 23px;
  font-weight: normal;
  line-height: 130%;
  border: solid 3px;
  border-radius:15px;
  padding: 20px;
}

.blockquote_text:after {
  content:"";
  position: absolute;
  border: 3px solid #465d69;
  border-radius: 0 60px 0 0;
  width: 60px;
  height: 60px;
  bottom: -63px;
  left: 50px;
  border-bottom: none;
  border-left: none;
  z-index: 3; 
}

.blockquote_text:before {
  content:"";
  position: absolute;
  width: 80px;
  border: 6px solid #ffffff;
  bottom: -3px;
  left: 50px;
  z-index: 2;
}

.blockquote_by {
  position: relative;
  color: #33454e;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  padding-top: 20px;
  margin-left: 150px;
  padding-left: 12px;
}
 
.blockquote_by:first-letter {
  margin-left: -19px;
}

/* ---------------------------------------- RESOLUTION < 725px ---------------------------------------- */

@media screen and (max-width: 725px) {

  .blockquote {
    padding: 0 20px 0 20px;
  }

}

/* ---------------------------------------- RESOLUTION < 650px ---------------------------------------- */

@media screen and (max-width: 650px) {

  .blockquote {
    padding: 0 0 0 0;
  }

  .blockquote_text {
    font-size: 21px;
    line-height: 130%;
  }

  .blockquote_by {
    font-size: 14px;
  }

}

/* ---------------------------------------- RESOLUTION < 500px ---------------------------------------- */

@media screen and (max-width: 500px) {

  .blockquote_text {
    font-size: 18px;
  }


}