/* Loopy site overrides */

#header .logo {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: normal;
}

#header .logo .logo-mark {
	width: 4.75rem;
	height: 4.75rem;
	filter: brightness(0) invert(1);
}

#bg:after {
	background-image: url("../../images/bg.jpg");
	background-position: center;
	background-size: cover;
}

.contact-status {
	margin-bottom: 1.25rem;
	padding: 0.85rem 1rem;
	border-radius: 4px;
	font-size: 0.9rem;
	line-height: 1.5;
}

.contact-status.is-success {
	background: rgba(72, 160, 96, 0.18);
	border: 1px solid rgba(120, 220, 140, 0.35);
	color: #d8f5de;
}

.contact-status.is-error {
	background: rgba(200, 72, 72, 0.18);
	border: 1px solid rgba(255, 120, 120, 0.35);
	color: #ffd8d8;
}

#about h3 {
	font-size: 0.95rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin: 1.75rem 0 0.75rem;
}

#about ul {
	margin-bottom: 0.5rem;
}