div.quote-wrapper{
	padding-bottom: 30px;
}

blockquote.home{
  color: #2A2B30;
  font-size: 45px;
  border-left: 5px solid #FED224;
  line-height: 1.5em;
  position: relative;
  top: 30px;
}

blockquote p::before {
    content: '\201C';
    font-family: FontAwesome;
}

blockquote p::after {
    content: '\201D ';
    font-family: FontAwesome;
}

.message{
  color: #2A2B30;
  font-size: 45px;
  border-left: 5px solid #FED224;
  line-height: 1.5em;
  padding-left: 15px;
}


@media (min-width: 992px) {

.break-out-quote{
  width: 100vw;
  position: relative;
  left: calc(-1 * (100vw - 100%) / 2);
  padding-left: 5px;
  padding-bottom: 160px;
  background-image: url(/sites/all/themes/bpl/img/didyouknowbg.png);
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover;
 }

.break-out-message{
  width: 100vw;
  position: relative;
  left: calc(-1 * (100vw - 100%) / 2);
  padding-left: 5px;
  padding-top: 30px;
  padding-bottom: 160px;
  background-image: url(/sites/all/themes/bpl/img/didyouknowbg.png);
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover;
 } 

blockquote.home{
  top: 50px;
}

.break-out-quote .view-author-quote .view-content{
  width: 965px;
  margin: 0 auto;
}

.break-out-message .view-message .view-content{
  width: 965px;
  margin: 0 auto;
}

div.quote-wrapper .edit{
   position: relative;
   top: 65px;
}

}

@media (min-width: 1200px) {



blockquote.home{
  top: 85px;
}

.break-out-quote{
  width: 100vw;
  position: relative;
  left: calc(-1 * (100vw - 100%) / 2);
  padding-bottom: 225px;
}

.break-out-quote .view-author-quote .view-content{
  width: 1150px;
  margin: 0 auto;
}

.break-out-message{
  width: 100vw;
  position: relative;
  left: calc(-1 * (100vw - 100%) / 2);
  //padding-bottom: 225px;
}

.break-out-message .view-message .view-content{
  width: 1150px;
  margin: 0 auto;
}


}