Responsive Mobile CSS for Fun Theme When using Full Width Header

style.css

//* Place all code in the Media Queries area

@media only screen and (max-width: 1280px) {
	.header-image .site-title a {
		background-size: contain !important;
		height: 0;
		min-height: 286px;
	}
}

@media only screen and (max-width: 768px) {
	.header-image .site-title a {
		background-size: contain !important;
		height: 0;
		min-height: 179px;
	}
}

@media only screen and (max-width: 600px) {
	.header-image .site-title a {
		background-size: contain !important;
		height: 0;
		min-height: 139px;
	}
}

@media only screen and (max-width: 480px) {
	.header-image .site-title a {
		background-size: contain !important;
		height: 0;
		min-height: 110px;
	}
}

@media only screen and (max-width: 320px) {
	.header-image .site-title a {
		background-size: contain !important;
		height: 0;
		min-height: 72px;
	}
}