header > h4,
header > h5 {
	margin-top: 4rem;
	margin-bottom: 2rem;
}
.bg-grey {
	background-color: #efefef;
	padding: 1rem .5rem;
	border-radius: .3rem;
}
.navbar-brand {
	font-size: 2rem;
	font-weight: bold;
	padding-right: 2rem;
	text-decoration: none;
	vertical-align: middle;
}
.navbar-brand .icon {
	font-size: 1.3333em;
	line-height: .8em;
	margin-right: .2rem;
	vertical-align: -20%;
}
.grid-hero {
	margin-top: 10rem;
	margin-bottom: 10rem;
}
.grid-hero h3 {
	margin-bottom: 5rem;
}
.grid-hero .notes {
	margin: 4rem 0;
}
.grid-footer {
	color: #888;
	margin-top: 4rem;
	margin-bottom: 4rem;
}
.grid-footer a {
	color: #666;
}
.container header {
	padding-top: 3rem;
}
.notes {
	margin: 4rem 0;
	color: #666;
}
.empty .icon {
	font-size: 4rem;
}
.code {
	white-space: pre-wrap;
	color: #666;
}
.code .com {
	color: #adadad;
}
.code .tag {
	color: #4452c0;
}
.code .atn {
	color: #666;
}
.code .atv {
	color: #e06870;
}

.modal-lg .modal-container {
	width: 96rem;
}

.toast {
	display: none;
}

.toast.toast-error {
	background: rgba(244, 67, 54, .9);
	border-color: #F44336;
	color: #fff;
}

/* Fix some broken label stuff */
.label {
	color: #666;
}
.label.label-primary {
	color: #fff;
}

/* Add additional labels */
.label-success {
	background-color: #5cb85c;
	color: #fff;
}
.label-info {
	background-color: #5bc0de;
	color: #fff;
}
.label-warning {
	background-color: #f0ad4e;
	color: #fff;
}
.label-danger {
	background-color: #d9534f;
	color: #fff;
}