body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

main {
	flex: 1 0 auto;
}

pre {
	white-space: pre-wrap;
}
.btn, .btn-large, .btn-small, .btn-flat {
	text-transform: unset;
}

.btn-full-width {
	width: 100%;
}
.pre-wrap {
	white-space:pre-wrap;
}

.break-word {
	word-wrap:break-word;
}
.list-row > .row, .row.list-row {
	margin-bottom: 8px;
}

.collection .collection-item.active {
	background-color: #ccff90;
	color: rgba(0,0,0,0.87);
}

@media only screen and (max-width: 640px) {
	nav .brand-logo {
		position: absolute;
		color: #fff;
		display: inline-block;
		font-size: 1.1rem;
		padding: 0;
		white-space: nowrap;
	}
}

@media only screen and (min-width: 640px) {
	nav .brand-logo {
		font-size: 1rem;
	}
}