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;
}

.mainpage-header-wordmark {
	/*width: 60%;*/
	/*margin: auto;*/
}

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

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

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