body {
  background-color: #f7f5f4;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p
 { font-family: 'PT Serif', serif;
}

h1{font-size:36px;}
h2{font-size:48px; font-weight: 400; line-height: 60px; color: #2f4454;}
h3{font-size:24px;}

p {
	color: #2f4454;
	font-family: 'PT Serif', serif;
	font-size:20px;
  font-weight: 400;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color:#2f4454;
	text-decoration: underline;
}


.question {
  height: 320px;
  border-bottom: 1px solid #bbb;
}
.question h1, h2, h3, p{
  display: inline;
}
.question footer {
  font-size:20px;
	color:#2f4454;
  margin-bottom:20px;
}

.container {
  width: 90%;
  max-width: 800px;
	margin: 10% auto;
}
.quotebox {
	background:#f7f5f4;
	min-height:100px;
	border-radius:2px;
	margin:0;
}

.quotebutton {
	display:inline-block;
}

#quotesource {margin-top: 20px}

.btn {
  margin: 36px 0 28px 0;
  color: #fff;
	font-family: 'PT Serif', serif;
  font-size: 20px;
  border-radius:2px;
}


.btn-primary {
  padding: 14px 20px;
	border:none;
	background:#2f4454;
	}

.suggestion {
  padding: 0;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  h2 {font-size: 36px; font-weight: 400; line-height: 44px;}

.question {height: 400px;}
}