blockquote {
	 margin: 3%;
	 border-left: 1px solid #68a9ff;
	 padding: 2%;
	 color: #222;
	 background: #f1f1f1;
	 font-style: italic;
	 line-height: 130%;
}

 .date-line {
	 display: none;
}
 .article {
	 width: 90%;
	 margin: 0 0 6em 0;
	 float: left;
	 padding: 0 1.3em 0 1.3em;
	 border-left: 5px solid #308fd9;
}
 .article img {
	 width: 100%;
	 height: auto;
	 padding: 2%;
	 margin-bottom: 4%;
	 border: 1px solid #ccc;
	 background: url(https://subtlepatterns.com/patterns/ticks.png) #f1f1f1;
}
 

 .article .firstpara {
	 text-indent: 0;
}
 .article .pause {
	 margin: 2em auto 2em auto;
	 color: #444;
	 width: 60%;
	 padding: 10px;
	 text-align: center;
	 border-top: 1px solid #ccc;
	 border-bottom: 1px solid #ccc;
}
 .article .firstcharacter {
	 float: left;
	 font-size: 5em;
	 line-height: 0.6em;
	 padding-top: 0.12em;
	 padding-right: 0.1em;
	 padding-left: 0;
}
 .footer {
	 max-width: 1200px;
	 width: 98%;
	 height: 90px;
	 margin: 0px auto;
	 overflow: hidden;
	 border-top: 1px solid #ccc;
}
 .footer .copy {
	 float: right;
	 font-style: italic;
	 color: #888;
	 padding: 1% 1% 0 0;
}

 @media only screen and (max-width: 450px) {
	 .content {
		 margin-top: 2em;
	}
	 .social {
		 display: none;
	}
	 .date {
		 display: none;
	}
	 .date-line {
		 display: inline;
	}
	 .article {
		 width: 100%;
		 margin: 0 auto 2em auto;
		 border-left: none;
		 padding-bottom: 2em;
		 border-bottom: 1px solid #ccc;
	}
	 .article p {
		 font-size: 1.2em;
	}
	 .footer {
		 text-align: center;
		 padding: 3%;
		 height: 40px;
	}
	 .footer .copy {
		 float: none;
	}
}
 ::selection {
	 color: white;
	 background: #444;
}