<article>
  <p>Sorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in sodales lectus. Integer vitae arcu ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ut elit ultricies nulla iaculis dignissim non eu diam. Praesent a nibh ac dolor pellentesque fringilla a vitae dolor. Nunc sit amet velit vitae justo vehicula dapibus at ut ligula. Vivamus sollicitudin sollicitudin sem vitae pulvinar. </p>
  <blockquote>“Whitespace is like air: it is necessary for design to breathe.” –Wojciech Zieliński</blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in sodales lectus. Integer vitae arcu ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ut elit ultricies nulla iaculis dignissim non eu diam. Praesent a nibh ac dolor pellentesque fringilla a vitae dolor. Nunc sit amet velit vitae justo vehicula dapibus at ut ligula. Vivamus sollicitudin sollicitudin sem vitae pulvinar. </p>
  
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in sodales lectus. Integer vitae arcu ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam ut elit ultricies nulla iaculis dignissim non eu diam. Praesent a nibh ac dolor pellentesque fringilla a vitae dolor. Nunc sit amet velit vitae justo vehicula dapibus at ut ligula. Vivamus sollicitudin sollicitudin sem vitae pulvinar. </p>
*{ margin:0; padding:0;}
body{font-family: Source Sans Pro, Helvetica Neue; line-height:1.7}

article{ width: 65%; margin:2% auto;}

p{ margin-bottom:1.3%; font-size:1.1em;}

blockquote{ font-family:Georgia; font-size:1.2em; xrxpadding:3%; border-top:5px solid #809BBD; border-bottom :5px solid #809BBD; width:90%; margin:5% 0;}

article p:first-child:first-letter{ color:#809BBD; font-size: 2.5em; line-height:1}


@media screen and (min-width:600px){ 

  blockquote{ line-height:1.8; width:61.66666%; font-size:1.4em; float:left; margin:2% 6% 1.8% -10%; padding: 1.5%}
  
}

@media screen and (min-width:1000px){ 

  article{width:45%}
  
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.