body {
	transition: .3s ease-in-out;
	font-size: 16px;
	font-family: "Lato", sans-serif;
}

.container {
	height: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

cite:before {
	content: "- ";
}

.quote-section {
	background: #fafafa;
	border-radius: 3px;
	padding: 2em 2em;
	width: 50%;
}

.quote-text {
	color: #555;
	margin-bottom: 1em;
}

.quote {
	font-size: 1.375em;
	display: inline-block;
	margin-bottom: .5em;
}

.quote:before {
	content: "\"";
	font-size: 1.375em;
}

.new {
	float: right;
}

.new, .tweet {
	font-size: .875em;
	line-height: 1em;
	color: #fff;
	padding: .75em;
	background-color: #337ab7;
	border-color: #2e6da4;
	cursor: pointer;
	user-select: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.new:hover, .tweet:hover {
	background-color: #286090;
	border-color: #204d74;
}

.new:visited, .tweet:hover {
	text-decoration: none;
}

.new:active, .tweet:hover {
	background-color: #204d74;
	border-color: #122b40;
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.tweet {
	display: inline-block;
	padding: .75em .75em;
	width: 37px;
	height: 37px;
}

@media screen and (max-width:960px){
  .quote-section {
    width: 85%;
  }
}