Template:Main Page/Header.css

.mainpage-header-wordmark img {
	filter: var(--filter-invert);
	width: 100%;
	 /* replace with fit-content when able */
	height: auto;
}

.mainpage-header-icon img {
	width: 100%;
	 /* replace with fit-content when able */
	height: auto;
	margin-left: -50%;
}

.mainpage-header-wordmark {
	flex-grow: 1;
}

.mainpage-header-logo {
	position: relative;
	display: flex;
	align-items: center;
	height: 24rem;
}

.mainpage-header-icon {
	position: absolute;
	left: 35%;
	width: 18%;
	z-index: -6;
}

@media (max-width: 640px) {
	.mainpage-header-wordmark {
		/*width: 100%;*/
	}
}