html, body {
	font-family: 'Roboto', 'Helvetica', sans-serif;
	margin: 0;
	padding: 0;
}

.mdl-color-text--tutag-blue {
	color: #092f56;
}

.mdl-color-background--tutag-blue {
	background-color: #092f56;
}

.mdl-layout__header {
	background-color: transparent;
}

.mdl-layout__header .mdl-layout-title {
	height: 100%;
}

.mdl-mini-footer {
	padding: 12px;
}

.mdl-card__supporting-text {
	padding: 8px 16px;
}

.header-img {
	margin: 1em;
}

.demo-content {
	max-width: 700px;
	padding: 0;
	display: flex;
	width: 100%;
	margin: 0 auto;
	flex-shrink: 0;
}

.social-btn {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	margin: 0 16px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	opacity: 0.46;
	border-radius: 2px;
}

.social-btn__twitter {
	background-image:
		url('https://www.gstatic.com/images/icons/material/system/2x/post_twitter_white_24dp.png');
}

.social-btn__facebook {
	background-image:
		url('https://www.gstatic.com/images/icons/material/system/2x/post_facebook_white_24dp.png');
}