/* SOSA Webfont */
@font-face {
	font-family: 'sosaregular';
	src:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/4794/sosa-regular-webfont.eot');
	src:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/4794/sosa-regular-webfont.eot') format('embedded-opentype'),
		url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/4794/sosa-regular-webfont.woff') format('woff'),
		url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/4794/sosa-regular-webfont.ttf') format('truetype'),
		url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/4794/sosa-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
  font-family: 'Merriweather', 'Palatino', serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 300;
  line-height: 2;
}

h3 {
  font-size: 1.85em;
  margin: 4rem 0 2rem;
  line-height: 1.2;
  color: #000;
}

p {
  margin: 2rem 0;
}

.bob {
  width: 50%;
  padding: 2rem;
  background: #55acee;
  position: relative;
  float: right;
  /* Original Margins from Paul's Site */
  margin: 0 -50% 2rem 3rem;
  /* Overrides for demo */
  margin: 0 0 5rem 3rem;
  /* end overrides */
}

blockquote {
  line-height: 1.5;
  color: #fff;
  font-size: 1.4em;
  font-style: italic;
}

blockquote p {
  margin: 0;
}

.tweet-this {
  position: absolute;
  display: inline-block;
  font-size: 0.8em;
  top: 100%;
  right: 0;
  color: #444;
  background: #e0f0fc;
  padding: 1em;
  text-decoration: none;
}

.tweet-this:hover {
  background: #888;
  color: #fff;
}

.tweet-this:after {
  content: 't';
  font-family: 'sosaregular';
  background: #55acee;
  color: #fff;
  font-size: 2em;
  float: right;
  padding: 0 0.5em;
  margin: -0.5em -0.5em -0.5em 0.5em;
}
.tweet-this:hover:after {
  background-color: #000;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .bob {
    display: block;
    width: 90%;
    float: none;
    margin: 0 0 5rem;
  }
}


/* DEMO STYLES */
body {
  max-width: 90%;
  margin: 0 auto;
}
.demo {
  display: block;
  position: absolute;
  top: 0; right: 5%;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  padding: .5em 1em;
  border-radius: 0 0 4px 4px;
}
.demo:hover {
  background-color: #55acee;
}