html, body {
	background-color: #f5f5f5;
	color: #444;

	font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

header {
	background-color: #00796b;
}

header h1 {
	padding: 25px 0;
	margin: 0;
}

header h1 a {
	padding: 25px 0 25px 120px;
	margin: 0;
	min-height: 90px;
	color: #fff;
	font-size: 56px;
	font-weight: 300;
	background: transparent url(../media/serviceinfo-logo.png) no-repeat 0 50%;
	background-size: 90px 90px;
	display: block;
}

header h1 a, header h1 a:hover, header h1 a:focus, header h1 a:active {
	color: #fff;
	text-decoration: none;
}

@media (max-width: 576px) {

	header h1 {
		padding: 25px 0;
	}

	header h1 a {
		padding: 100px 0 0 0;
		background-position: 50% 0;
		font-size: 34px;
		text-align: center;
	}

}

.navbar {
	background-color: #004D40;
}

.navbar .navbar-nav a {
	text-transform: uppercase;
}

.blockquote {
	padding: 0 0 0 20px;
	font-size: 1rem;
	line-height: normal;
	border-left: 5px solid #eee;
}

.card {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.06);
}