.blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  color: #333;
}
.blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.blockquote:after{
      color: #ccc;
  content: close-quote;
  font-size: 0em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.blockquote p {
  display: inline;
}

.phrasequote{
  display:block;
  background-color: #1e2429;
  color:#888;
  color: white;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  font-style: italic;
  margin-bottom: 5px;
  padding: 15px;
}
.gray-m{
    font-size: 14px;
    letter-spacing: 1px;
    background-color: #f9f9f9;
    border-left: 10px solid #c59a6d;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    padding-top: 15px;
    color: black;
	margin-bottom: 0px;    
	text-align:center;
    
}
.gray-quote-m:before{
  color: #c59a6d;
  content: open-quote;
  font-size: 6em;
  line-height: .5em;
  margin-right: 0.25em;
  vertical-align: -.4em;
  float:left;
}
.gray-quote-m{
    font-size: 14px;
    letter-spacing: 1px;
    font-style: italic;    
    background-color: #f9f9f9;
    border-left: 10px solid #c59a6d;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    padding-top: 15px;
    quotes: "\201C""\201D""\2018""\2019";
    color: black;
	margin-bottom: 0px;    
    
}
.gray-quote-m:after{
    color: #ccc;
    content: close-quote;
    font-size: 0em;
    line-height: 0em;
    margin-right: 0em;
    vertical-align: -0.4em;
	margin-bottom: 0px;
	padding: 0;
	margin: 0;
	
}
.blue-quote-h:before{
  color: #c59a6d;
  content: open-quote;
  font-size: 7em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.5em;
}
.blue-quote-h{
    font-size: 16px;
    letter-spacing: 1px;
    font-style: italic;    
    background-color: #1e2429;
    border-left: 10px solid #c59a6d;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    padding-top: 15px;
    quotes: "\201C""\201D""\2018""\2019";
    color: white;
    
    
}
.blue-quote-h:after{
    color: #ccc;
    content: close-quote;
    font-size: 0em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
#avatar {
    /* This image is 687 wide by 1024 tall, similar to your aspect ratio */
    background-image: url('https://robertsroom.com/globals/images/me.jpg');
    
    /* make a square container */
    width: 75px;
    height: 100px;

    /* fill the container, preserving aspect ratio, and cropping to fit */
    background-size: cover;

    /* center the image vertically and horizontally */
    background-position: center;

    /* round the edges to a circle with border radius 1/2 container size */
    border-radius: 50%;
    
    display: inline-block;
}
#blue-header-m{
	margin:auto;
	width:75%;
}
@media (max-width:700px){
	#blue-header-m{
		width:100%;
	}
	#avatar{
		display:none;
	}
}