body {
	font-family:Arial, Helvetica, sans-serif
}
h1 {
    text-align:center;
    font-size:50px;
  }
#app-container {
	max-width:900px;
	margin:0 auto
}
.active-contacts {
	float:left;
	width:25%;
}
.active-contacts p:hover {
		cursor:pointer
	}
.contact-card {
	width:75%;
	float:right;
}
.search-results {
	position:relative;
}
.row:after {
	display:block;
	content:'';
	clear:both;
}
.contact-card {
	padding:15px;
	border:3px solid #ccc;
	background:#f3f3f3;
	display:block;
	position:absolute;
	right:0px;
	top:0px;
}
.contact-card:after {
	content:'';
	display:block;
	clear:both;
}
.contact-card img {
	float:left
}
.contact-card p {
	line-height:1;
}
.header-wrap {
	float:right;
	width:55%;
}
.header-wrap h2 {
	margin-bottom:0px;
	margin-top:0;
}
.header-wrap h3 {
	margin-top:0;
	margin-bottom:10px;
}
.col50 {
	width:50%;
	float:left;
}
input {
	border-radius:8px;
	background:#1BC13D;
	font-size:14px;
	padding:8px;
	margin-left:20px;
	box-shadow:none;
	color:white;
	font-weight:bold;
}
span.name {
	font-size:20px;
	font-weight:bold;
}