/* set preferred font to 'Raleway' for normal text */
html, body {
	font-family: 'Raleway', 'Roboto', 'Arial', 'Helvetica', sans-serif;
}
/* set background colors */
.mdl-demo .mdl-layout__tab-panel:not(#overview) {
	background-color: #F8F8E8;
}
.mdl-color--primary {
	background-color: #3F51A5 !important;
}
.mdl-color--primary-dark {
	background-color: #363A83 !important;
}
/* change link color and tab underline color to orange */
a {
	color: rgb(237, 159, 54);
}
.mdl-demo .mdl-layout__tab-bar .mdl-layout__tab.is-active::after {
	background-color: rgb(237, 159, 54);
}

/* adapt styles to scale with screen size */
@media screen and (max-width: 1024px) {
	.mdl-demo .mdl-layout__tab-bar-container {height: 30px;}
	.mdl-demo .mdl-layout__tab-bar .mdl-layout__tab {height: 30px; line-height: 30px;}
}

@media screen and (max-width: 630px) {
	.title_break::before {content: "\A"; white-space: pre;}
}

@media screen and (max-width: 524px) {
	.mdl-demo .mdl-layout__header-row {padding-left: 15px;}
	.mdl-demo .mdl-layout__tab-bar {padding: 0px 0px 0px 0px;}
	.mdl-demo .mdl-card .mdl-card__supporting-text {margin: 10px;width: calc(100% - 10px);}
}
@media screen and (max-width: 430px) {
	.mdl-demo .mdl-layout__header-row {padding-left: 5px;}
}

@media screen and (max-width: 524px) {
	.mdl-layout__tab {font-size: 13px;}
}
@media screen and (max-width: 480px) {
	.mdl-layout__tab {font-size: 12px;}
}
@media screen and (max-width: 430px) {
	.mdl-layout__tab {font-size: 11px;}
}
@media screen and (max-width: 400px) {
	.mdl-layout__tab {font-size: 10px;}
}

@media screen and (max-width: 450px) {
	.mdl-typography--subhead {font-size: 15px;}
}
@media screen and (max-width: 400px) {
	.mdl-typography--subhead {font-size: 14px;}
}
@media screen and (max-width: 380px) {
	.mdl-typography--subhead {font-size: 13px;}
}
@media screen and (max-width: 350px) {
	.mdl-typography--subhead {font-size: 13px;}
}

/* do not wrap list element in footer */
.mdl-mini-footer--link-list li,
.mdl-mini-footer__link-list li {
	white-space: nowrap;}