Metamorphosis Layout

<style type="text/css">
	#logo {display:none;}
	#membersOnline {display:none;}
	#interactiveBanner {display:none;}
	.dottedSeperator {background:none;}
	#mainContent > h2:nth-child(18) {display: none;}
	h1, h2, h3, h4, h5, h6, h7 {font-family: montserrat; text-transform: none;}
	a.menuToggle, #sideNavMenu b {font-family: montserrat;}
	#mainContent {margin-top: 50px;}

	#wrapper {
		background: url(https://i.postimg.cc/t9cG1XXP/19-05-metamorphosis-full.png) no-repeat top center;
		width: auto;
		background-size: contain;
}
		h2.dark-blue {font-weight: 300;}



/** TABLET CODES **/
	@media (max-width: 1023px) {
		#wrapper {
			background: url(https://i.postimg.cc/Kjznytjv/19-05-metamorphosis-tablet.png) no-repeat top center;
			background-size: contain;
			width: auto;}
		#mainContent > h1 {
			font-size: 20px;
			margin-top: 150px;
			margin-bottom: 0px !important;
			float: left;}
		h2.dark-blue {
			margin-top: 75px;
			}

}

/** MOBILE LANDSCAPE **/
	@media (max-width: 750px){
		#wrapper {
			background: url(https://i.postimg.cc/KzQnV0ZH/19-05-metamorphosis-mobilel.png) no-repeat top center;
			background-size: contain;
			width: auto;}
	}

/** MOBILE PORTRAIT **/
	@media (max-width: 500px) {
		#wrapper {
			background: url(https://i.postimg.cc/DZ7rB9KG/19-05-metamorphosis-mobilep.png) no-repeat top center;
			background-size: contain;
			width: auto;
		}
		h2.dark-blue {
			margin-top: 150px;
		}

	}

	a.menuToggle, a.menuToggle:hover, h4, h5, h6, #sideNavMenu b, .m-t-md, .m-b-md, .green, #footerMagic, #footerContent h3, #footerSubsidiaries, label {
		color: var(--c1) !important;
	}

	a.sideNavMenuLink:link, a.sideNavMenuLink:visited, #footerMenu a:link, #footerMenu a:visited, #mainContentNav a, .forumReplyLinksLinks a, .forumLinksLinks li {
		color: var(--c2) !important;
	}

	a.sideNavMenuLink:Hover, .forumMembersInAreaTitle, .darkblue, .dark-blue, #footerCopyright, #footerDescription, p.a, #dateTime, #mainContentNav > ul a, .dark-blue a:link, .dark-blue a:visited {
		color: var(--c3) !important;
	}


	a:hover, #footerMenu a:hover, #mainContentNav a:hover, .dark-blue a:hover {
		color: var(--c4) !important;
	}

.forumThreadFlagged {background-color: var(--c3);}

	/** COLOR VARIABLES **/

* {
	--c1: #566283;
	--c2: #d8b6d0;
	--c3: #402b5d;
	--c4: #d14a5d;
}
</style>
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400" rel="stylesheet">