<style type="text/css">
h2 {font-size: 1.2em; font-family: 'Raleway', Calibri, Arial, sans-serif; font-weight: none;}
h2.one {font-size: 1.7em; font-family: "Times New Roman", Times, serif; margin: 0.2em; margin-top: -0.4em; margin-bottom: 0!important;height: 60px;line-height: 60px;padding: 0 20px;color: #fff;background-color: #2f6f00;margin: 20px auto;position: relative;text-align: center; background: linear-gradient(65deg , transparent 49%,rgb(49,108,0.8) 50%) left no-repeat, linear-gradient(0deg , rgb(42,122,0.8),rgb(49,108,0.7)) 30px 0 no-repeat;background: linear-gradient(65deg , transparent 49%,rgba(49,108,0.8) 50%) left no-repeat, linear-gradient(0deg , rgba(42,122,0.8),rgba(49,108,0.7)) 30px 0 no-repeat;background-size: 30px 100%, 100% 100%;text-shadow: 2px 2px 5px #000;} h3.one {text-shadow: 1px 1px 1px #1f9d0a;}	
h2.threesixty {font-size: 1.1em; color: #326a00; margin-top: -0.3em;text-shadow: 0.5px 0.5px #000;}	
a.zeta:link {color: #000000;} a.zeta:visited {color: #000000;}a.zeta:link {text-decoration: none;} a.zeta:hover {color: #2d7300; background: #f0f0f0;}
a.chief:link {color: #000000;} a.chief:visited {color: #000000;}a.chief:link {text-decoration: none;} a.chief:hover {color: #fe0000;}a.chief {font-size: 1.5em;}
a.ender:link {color: #000000;} a.ender:visited {color: #000000;}a.ender:link {text-decoration: none;} a.ender:hover {color: #2e7300;}
a.carmine:link {color: #f7f7f7!important;} a.carmine:visited {color: #f7f7f7!important;}a.carmine:link {text-decoration: none!important;} a.carmine:hover {color: #fe0000!important;}
section {padding-top: 0em !important;} img{display: block;} body {margin: 0;}
footer{background-color: #efefef; font-style: Arial; border-radius: 0 0 10px 10px; margin-bottom: 0 auto;} footer a{color:#000;text-decoration: none;}
.clearfloat{clear: both;} .comments-block {padding: 1em;} #show-comments {font-size: 0.9em; border-radius: 5px 5px 5px 5px;}
.footer {align: center; background-color: #efefef; width:100%; position: absolute;}#macbeth {font-size: 0.6em;padding-bottom: 1.5em;float: left;margin-left: 14em; width: 45%;}
h1.win {font-size: 1.4em; margin: 0.2em; font-family: 'Raleway', Calibri, Arial, sans-serif;text-shadow: 2px 2px #ede;}
.video { position: relative;width: 100%; height: 0; padding-bottom: 56.25%;} .video iframe { position: absolute;top: 0; left: 0; width: 100%; height: 100%;}
td {border: 0.5px solid #000;padding: 0.4em;} td.achieve {text-align: center;}

.mega-nav__logo img {width: 100%; height: 5em;}
section#tabProduct1 {padding: 0%;}section#tabProduct2 {padding: 0%;}section#tabProduct3 {padding: 0%;}section#tabProduct4 {padding: 0%;}section#tabProduct5 {padding: 0%;}section#tabProduct6 {padding: 0%;}
.btn--primary {background-color: #008c00;}.btn--primary:hover {background-color:#009700;} b {font-weight: bold;} .ztin {font-size: 0.9em;} .intro--top-overlay {height: 15em;margin-bottom: -0.5em;}

#authorcontainer{width: 100%;border: 1px solid black; background-color: #107c0f; position: relative;}#authorcontainer h2 {font-size: 1.4em;} #wii {width: 100%}
p {line-height: 1.25em; align: center; font-family: Calibri, Arial, sans-serif;padding-bottom: 0.1em;}
.gbp {font-size: 0.7em;margin-bottom: 0.4em;margin-top: -0.7em;font-family: "Times New Roman", Times, serif;font-weight: bold;text-shadow: 1px 1px #ede;}
#awardsquare {width: 24.5%; float: left;}
#authorpic img {width: 30%; height: 30%; align: center!important; margin-left: 70%; margin-top: 15%;}
#authorpic {width: 38%; background-color: #107c0f; float: left; position: relative;}
#authorbio {position:relative; width: 35%; margin-left: 50%;}
#authorbio iframe {height: 250px; width: 100%;}
#authorbio h2 {margin: 0.2em;} #authorbio p {margin: 0.2em;}
#nav iframe {width: 100%;}
#sidea {z-index: 1; position: absolute; width: 16%; float: left; top: 18%; left: 16%;}#sideb {z-index: 1; position: absolute; width: 16%; float: right; top: 18%; right: 16%;}
@media only screen and (min-width: 1920px) {
p {font-size: 1.2em; line-height: 1.25em;} section { padding: 3% 30%; margin: 0 auto;}
#containerz{width: 1080px; height: 0 auto; border-radius: 10px; margin: 0 auto; background-color: white;}
#authorpic img {width: 20.5%; height: 20.5%; margin-top: 2.2%;}}
@media only screen and (min-width: 769px) {section h2 {margin-bottom: 0.2em!important; font-size: 1.2em; margin-top: 0.6em; font-weight:bold; font-family: "Times New Roman", Times, serif;} #coverme {display: none;}
p {font-size: 1.2em; line-height: 1.2em;} section { padding: 4% 20%; margin: 0 auto; padding-bottom: 0.3em!important;}
#containerz{width: 960px; clear: both; height: 0 auto; border-radius: 10px; margin: 0 auto; background-color: white;}}
@media only screen and (min-width: 770px) {#cosplaymobile {display: none;} #authorpic img {width: 30.5%; height: 30.5%; margin-top: 2.2%;} #authorpic {margin-left: 11%; margin-right: -50%;} #authorbio iframe {height: 35%;}#footersquare img {width: 25%;margin-left: 0.9em;float: left;}#mw {margin-left: 23.5%; width: 28%; float: left;font-size: 0.9em;padding-top: 0.8em;}}
@media only screen and (max-width: 769px) {.mega-nav__logo img {width: 48%; height: 2.9em; margin-top: -0.46em;} 
	h2 {font-size: 1.2em; margin: 0.25em;}
	p {font-size: 1em!important;}
	#cosplay {display: none;}
	h1.win {font-size: 1.2em; margin: 0.2em;}
	h2.one {font-size: 1.6em; font-weight: bold;}.footer {align: center; background-color: #efefef;width:100%; position: absolute;} #macbeth {font-size: 0.6em;padding-bottom: 1.5em;float: left;margin-left: -7em; width: 85%;} #mw {padding-top: 0.8em; font-size: 0.9em;}
#footersquare img {width: 22%;margin-left: 0.9em;float: left;}
#awardsquare {width: 49.3%; float: left; margin-left: 0.2%;}
h2.threesixty {font-size: 1em; color: #326a00; margin-top: 0.3em;}
#disqus_thread {margin-left: 0.5% !important;}
#authorcontainer {width: 100%; float: none; position:relative;}
#authorpic {width: 100%; margin-left: 0%; position: relative;}
#authorpic img {width: 33%; height: 33%; align: center!important; margin-left: 34%; margin-top: 0%;}
#authorbio {width: 100%; text-align: center; margin-left: 0%;}
#authorbio iframe {border:0; height: 140px; width: 85%;}
section {padding: 0.3em 0.9em!important;}}
@media only screen and (max-width: 1060px) {#sidea {display: none;}#sideb {display: none;}}
@media only screen and (max-width: 1500px) {#sidea {left: 3%;}#sideb {right: 3%;}}
@media only screen and (max-width: 1920px) {#sidea {left: 3%;}#sideb {right: 5%;}}
@media only screen and (min-width: 1060px) {#authorpic {width: 30%;}
	#authorpic img {width: 37.5%; height: 37.5%; margin-top: 2.2%;} #authorpic {margin-left: 11%; margin-right: -50%;}}
@media only screen and (min-width: 1080px) {
		section { padding: 3% 30%; margin: 0 auto;}}
@media only screen and (min-width: 1980px) {
		section { padding: 3% 33%; margin: 0 auto;}}
@media only screen and (min-width: 1280px) {#authorpic {width: 38%;}
	#authorpic img {width: 31.5%; height: 31.5%; margin-top: 1.7%;} #authorbio iframe {height: 180px;}
@media only screen and (min-width: 1420px) {
	#authorpic img {width: 27.5%; height: 27.5%; margin-top: 1.2%;} #authorpic {margin-left: 12.5%; margin-right: -50%;}}
@media only screen and (min-width: 1650px) {
	#authorpic img {width: 22.5%; height: 22.5%; margin-top: 1%;} #authorpic {margin-left: 14.5%; margin-right: -50%;} #authorbio iframe {width: 75%;}
@media only screen and (min-width: 2050px) {#authorpic {width: 40%;}
	#authorpic img {width: 16.7%; height: 16.7%; margin-top: 0.7%;} #authorpic {margin-left: 14.5%; margin-right: -50%;} #authorbio iframe {width: 60%;}

.footer {align: center; background-color: #efefef;
	width:100%; position: absolute;}
#mw {margin-left: 23.5%; width: 28%; float: left;font-size: 0.9em;padding-top: 0.8em;}
#blops {width: 28%; margin-left: 1%; float: left;}
#footersquare {width: 20%; float: left; margin-left: 1%; margin-top: 0.5%;}
#footersquare img {width: 94%;}
#hamlet {width: 100%; padding-left: 23.5%;}
#hamletsquare {width: 4.6%; float: left; margin-top: 1.5em; margin-left: 0.3em;}
#hamletsquare img {width: 100%;}
#macbeth {padding-left: 23.5%; text-align: left;font-size: 0.6em; margin-bottom: 1.5em; margin-left:2em;}

@media only screen and (max-width : 1080px) { 
#mw {margin-left: 7%; width: 43%; float: left;} #blops {width: 43%; margin-left: 1%; float: left;}
#footersquare {width: 24%;} #hamlet {padding-left: 4%} #hamletsquare {width: 11.5%;}
#mw {width: 100%; margin-left: 0.2%;float: left;}
#blops {width: 100%;margin-left: 0.2%;padding-left: 0.2%;padding-top: 1em;float: left;}
#footersquare {width: 24%;}
#hamlet {display: none;}
#macbeth {text-align: center; padding-left: 0%;font-size: 0.8em;margin-bottom: 0.5em;}
}
@media (prefers-color-scheme: dark) {body {background-color: #000;} h1,h2,p {color: #fff;} .footer {background-color:#545454;} }
</style>