/* Connect Rework */
html {
	background-color: #CCC;
}
body {
  
  box-sizing: border-box;
  font-family: sans-serif;
}
header {
	background: #fff;
	height: 50px;
	padding: 20px 20px 0;
}
#logo {
	margin: 0;
	float: left;
}
#roche-logo {
	float: right;
	width: 45px;
}
section {
	clear: both;
  text-align: center;
}
section a {
	text-decoration: none;
	display: block;
	color: #fff;
	text-transform: uppercase;
	padding: 15px 0;
	font-weight: bold;
	background: rgba(104,66,118,1);
	background: -moz-linear-gradient(top, rgba(104,66,118,1) 0%, rgba(73,39,91,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104,66,118,1)), color-stop(100%, rgba(73,39,91,1)));
	background: -webkit-linear-gradient(top, rgba(104,66,118,1) 0%, rgba(73,39,91,1) 100%);
	background: -o-linear-gradient(top, rgba(104,66,118,1) 0%, rgba(73,39,91,1) 100%);
	background: -ms-linear-gradient(top, rgba(104,66,118,1) 0%, rgba(73,39,91,1) 100%);
	background: linear-gradient(to bottom, rgba(104,66,118,1) 0%, rgba(73,39,91,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#684276', endColorstr='#49275b', GradientType=0 );
}
footer {
	background: #fff;
	padding: 20px;
	font-size: .7em;
}

footer a {
	color: #368cc7;
	text-decoration: none;
}
#contact-us {
	margin-left: 20px;
}

@media (min-width:521px) {
	body {
		width: 521px;
  		margin: 0 auto;
	}
}