body {
	color:#000;
	font-size:16px;
	line-height:1.5;
	background:#000;
	text-align:center;
	font-family: 'Mulish', sans-serif;
	margin:0;
	padding:0;
}

body.about_page,body.members_page,body.faq_page,body.press_page {
	background: white;
}

body.faq_page,body.press_page {
	background-image: url(layout/pencilfade.svg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: auto 90vh;
	background-position: 60% 10vh;
}

#container {
	position:relative;
	top:0;
	left:0;
	width:100%;
	padding:0;
	margin:0;
}

strong {
	font-weight: 800;
}

header {
	position:relative;
	top:0;
	left:0;
	font-size:1em;
	width:100vw;
	height:0;
	display:block;
	text-align:center;
	margin:0;
	padding:0;
	background:#000;
}

header .inner {
	position: relative;
	height: 100vh;
	width: calc(100vw - 2em);
	max-width: 70em;
	margin: 0 auto;
}

#site_logo {
	position:relative;
	top: 0;
	display: none;
	width:100%;
	height:45%;
	background: url(layout/logo.png) left 80% no-repeat transparent;
	background-size: contain;
	margin-bottom: 10%;
	border-bottom: 2px white solid;
}

#site_logo span {
	display: none;
}

header .tagline {
	position: relative;
	width: 100%;
	height: auto;
	display: none;
	text-align: center;
	font-weight: 800;
	color: #edb43f;
	font-size: 2vw;
}

header .tagline span {
	display: block;
}

header h1 {
	display: none;
}

nav {
	position:fixed;
	bottom:0;
	left:0;
	font-size:1em;
	display:block;
	width:100vw;
	margin:0;
	padding:.5rem 0;
	background:white;
	height:3rem;
	text-align:center;
	font-weight:800;
	z-index: 999;
}

nav ul {
	position:relative;
	top:0;
	left:0;
	width:100%;
	max-width:70em;
	margin:0 auto;
	height:3rem;
}

nav ul li {
	position:relative;
	list-style:none;
	display:inline-block;
	margin:0 .75vw;
	height:3em;
}

nav ul li a {
	color:#000;
	font-size:1.5rem;
	line-height:2;
	height:3rem;
	font-weight:700;
	padding:0;
}

nav ul li#social_nav a {
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	margin: 0 .125em;
}

nav ul li a:hover,nav ul li a.lit,nav ul li.lit a {
	color:#edb43f;
}

nav ul li ul.drop {
	position:absolute;
	top:3em;
	left:-1em;
	display:none!important;
	min-width:20em;
	height:auto;
	background:#fff;
	z-index:999;
}

nav ul li ul.drop li {
	font-size:1em;
	display:block;
	float:none;
	clear:both;
	width:auto;
	height:auto;
	height:1.5em;
	padding:0 1em;
	margin:0;
	text-align:left;
	line-height:1.5;
}

nav ul li ul.drop li a {
	color:#000;
	line-height:1.5em;
	display:block;
	height:1.5em;
	width:100%;
}

nav ul li ul.drop li:hover {
	background:#edb43f;
	cursor:pointer;
}

nav ul li ul.drop li:hover a {
	color:#fff;
}

nav ul li:hover ul.drop {
	display:block!important;
}

#social_mobile_nav {
	display: none;
}

#main {
	position:relative;
	width:100vw;
	min-height:100vh;
	display:block;
	height:auto;
	background:transparent;
	margin:0;
	padding: 0;
	text-align:left;
}

.about_page #main,.contact_page #main,.members_page #main,.faq_page #main,.press_page #main,.faq_page #main {
	width: calc(100% - 2rem);
	max-width: 60rem;
	margin: 4em auto;
}

.press_page #main {
	max-width: 80rem;
}

#main p {
	font-size:1rem;
	line-height:1.5;
	margin-bottom:.5em;
}

#mainbox {
	margin-bottom: 0;
}

#mainbox .story {
	width: 100vw;
	min-height: calc(100vh - 4rem);
	height: auto;
	margin: 0;
	padding: 0;
}

.about_page #mainbox .story,.faq_page #mainbox .story,.press_page #mainbox .story {
	width: 100%;
	height: auto;
	min-height: 0;
	margin-bottom: 3rem;
}

#mainbox .inner {
	position: relative;
	width: calc(100% - 3em);
	min-height: calc(100vh - 4rem);
	height: auto;
	max-width: 80em;
	margin: 0 auto;
	padding: 0;
}

.press_page #mainbox .story .inner {
	min-height: 0;
}

#mainbox .storyp {
	margin:0;
	padding: 0;
	font-size: 1.25rem;
}

#searchbox {
	display:none;
}

#mainbox ul {
	font-size:1em;
	margin:0;
	padding:0;
}

#kwametop {
	position: absolute;
	top: calc(5vh + 280px);
	right: 0;
	width: 25.5vw;
	height: 30vw;
	z-index: 235;
	background: url(layout/kwame-closeup-circ-yellow.png) left top no-repeat transparent;
	background-size: auto 100%;
}

#kwametop span {
	display: none;
}

#main #top {
	background: #000;
}

#main #top .inner {
	position: relative;
	padding-top: 5vh;
	min-height: calc(95vh - 4rem);
}

#main #top .inner strong {
	color: #edb43f;
}

#main #top .inner .mainimg {
	position: relative;
	height: auto;
	margin-bottom: .25rem;
}

#main #top .inner .mainimg img {
	position: relative;
}

#main #top h1,#main #top h2,#main #top h3,#main #top h4,#main #top h5 {
	color: #edb43f;
	text-align: center;
}

#main #top h1 {
	position: relative;
	color: #9a9a9a;
	padding-bottom: .75em;
	margin:0 auto .5em auto;
	max-width: 60rem;
	border-bottom: 1px #b3b3b3 solid;
	text-align: center;
	font-size: 2.4rem;
}

#main #top h2 {
	font-size: 1.75rem;
	margin-bottom: .5rem;
	margin-top: 3rem;
	text-align: left;
}

#main #top .inner .storyp {
	position: relative;
	color: white;
	font-size: 1.125rem;
	width: calc(70vw - 2rem);
	max-width: calc(80rem - 15vw);
}

@media(min-width: 54em){
	#main #top ul {
		width: calc(100% - 2em);
		float: none;
		clear: both;
		min-height: 2.4rem;
	}
	
	#main #top ul li {
		width: auto;
		float: left;
		clear: none;
		margin-right: 3rem;
	}
}

#main #top .inner .storyp p,#main #top .inner .storyp ul,#main #top .inner .storyp ol {
	font-size: 1.25em;
}

#main #top .inner .storyp img {
	position: absolute;
	right: 0;
}

#main #show {
	background: white;
}

#main #show .inner {
	display: block;
	padding-top: 15vh;
	min-height: calc(85vh - 4rem);
	background-image: url(layout/pencilfade.svg);
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
}

#main #show .inner h2 {
	color: #edb43f;
	width: 50%;
	margin-bottom: .5em;
}

.faq_page #main #menubox {
	display: none;
}

#main #show .storyp {
	width: 60%;
	font-size: 1.25rem;
}

#main #show #body1 .imageblockright {
	position: absolute;
	top: 20vh;
	right: 5vw;
	width: 321px;
	min-width: 45vw;
	height: auto;
	overflow: hidden;
	margin: 0;
}

#main #mission {
	background: black;
}

#main #mission .inner {
	padding-top: 5vh;
	min-height: calc(95vh - 4rem);
	background-image: url(layout/pencilfade2.svg);
	background-position: left bottom;
	background-size: contain;
	background-repeat: no-repeat;
}


#main #mission h1,#main #mission h2,#main #mission h3,#main #mission h4,#main #mission h5 {
	color: #edb43f;
}

#main #mission h2 {
	position: relative;
	top: calc(25vh - .5em);
}

#main #mainbox #mission .storyp {
	position: relative;
	top: 25vh;
	left: 0;
	width: 50%;
	max-width: 40rem;
	font-size: 1.38rem;
	color: white;
}

#main #mission .mainimg {
	position: absolute;
	top: 0;
	left: calc(50% + 5vw);
	width: 45vw;
	min-width: 45vw;
	height: calc(100vh - 4em);
	overflow: hidden;
	margin: 0;
}

#main #mission .mainimg img {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	width: 100%;
}

#main #judges {
	background: white;
}

#main #judges .inner {
	display: block;
	padding-top: 5vh;
	min-height: calc(90vh - 4rem);
}

#main #judges .inner h2.title {
	color: #edb43f;
}

#main #judges .inner h3 {
	margin: 3rem 0 1rem 0;
	color: black;
}

#main #judges h4,#main #judges h5 {
	color: black;
}

#main #judges .storyp {
	width: 100%;
	color: black;
	font-size: 1rem;
}

#main #judges .judges {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 3rem;
}

#main #judges img {
	position: relative;
	top: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-radius: 50%;
}

#main #judges .caption {
	font-size: 1rem;
}

#main #judges .caption p {
	text-align: left;
	font-size: 1rem;
}

#main #creators {
	background: #edb43f;
	padding-bottom: 2em;
}

#main #creators .inner {
	display: block;
	padding-top: 5vh;
	min-height: calc(95vh - 4rem);
	background-image: url(layout/pencilfade2.svg);
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
}

#main #creators .inner h2.title {
	color: black;
	margin-bottom: .33em;
}

#main #creators .inner h3 {
	color: black;
	margin-top: 1em;
}

#main #creators .storyp {
	font-size: 1rem;
}

#main #join {
	background: white;
}

#main #join .inner {
	display: block;
	padding-top: 5vh;
	min-height: calc(95vh - 4rem);
	background-image: url(layout/pencilfade.svg);
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
}

#main #join h2 {
	text-align: center;
	color: #edb43f;
	font-size: 2.33em;
	margin-bottom: 1em;
}

#main #credits {
	background: #edb43f;
	padding-bottom: 2em;
}

#main #credits .inner {
	display: block;
	padding-top: 5vh;
	min-height: calc(95vh - 4rem);
	background-image: url(layout/pencilfade2.svg);
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
}

#main #credits .inner h2.title {
	color: black;
	font-size: 3rem;
	padding-bottom: .33em;
	border-bottom: 1px black solid;
	margin-bottom: .33em;
}

#main #sponsors {
	background: white;
	min-height: 0;
}

#main #sponsors .inner {
	display: block;
	padding-top: 5vh;
	padding-bottom: 5vh;
	min-height: 4rem;
}

#main #sponsors h2 {
	text-align: left;
	font-size: 3rem;
	color: #edb43f;
	padding-bottom: .33em;
	border-bottom: 1px #edb43f solid;
	margin-bottom: 1.33em;
}

#sponsors .logos img {
	margin: 1em;
	display:inline-block;
	vertical-align:middle;
}

#main a.specialbutton {
	display: block;
	color: black;
	background: #edb43f;
	text-align: center;
	max-width: calc(100% - 2em);
	width: auto;
	height: 1.5em;
	line-height: 1.5;
	padding: .5em 1em;
	font-size: 1.25em;
	margin: 1em 0 0 0;
	font-weight: 800;
}

#main a.specialbutton:hover {
	background: white;
	border-color: #edb43f;
	font-weight: 800;
}

.homepage_page #main .story div.controlbar {
	position: absolute;
	top: calc(10vh - 2rem);
	left: auto;
	bottom: auto;
	right: 0;
}

#main .story div.controlbar.controlbarextra {
	top: calc(10vh + .5rem);
}

#main h1,#main h2,#main h3,#main h4,#main h5 {
	font-size:4rem;
	line-height: 1.12;
	margin-bottom: .25em;
	font-weight:800;
}

body.about_page #main h1 {
	font-size: 1.5em;
}
body.about_page #main h2 {
	font-size: 1.33em;
	margin-top: 1em;
}
body.about_page #main h3,body.press_page #main h3 {
	font-size: 1.25em;
	margin-top: 1em;
}
body.about_page #main h4,body.press_page #main h4 {
	font-size: 1.125em;
	margin-top: 1em;
}
body.about_page #main h5,body.press_page #main h5 {
	font-size: 1em;
	margin-top: 1em;
}

#main h2 {
	font-size:3rem;
}

#main h3 {
	font-size:2rem;
}

#main h4 {
	font-size:1.5rem;
}

#main h5 {
	font-size:1.25rem;
}

#main a {
	color:#edb43f;
	font-weight:800;
	text-decoration:none;
}

.about_page #main a,.press_page #main a {
	color: hsl(199, 44%, 49%);
}

.press_page #main.columns #menubox ul li .menuimage a,.press_page .mainimg {
	background-color: black;
	text-align: center;
}

.press_page #main.intro .pressslider {
	position: relative;
	width: calc(100% - 6rem);
	min-height: 36rem;
	height: 36rem;
	padding: 3rem;
	margin: 0 0 10vh 0;
	background: #edb43f;
	overflow-x: hidden;
}

.press_page #main.intro .pressslider .inner {
	display: block;
	position: absolute;
	top: 9rem;
	left: 3rem;
	min-height: 30rem;
	height: 30rem;
	margin: 0;
	padding: 0;
	width: auto;
	max-width: 1000000vw;
}

.press_page #main.intro .pressslider .inner .intropress {
	position: relative;
	background: black;
	color: white;
	padding: 1.5rem;
	height: 22rem;
	width: 15rem;
	margin: 0 2rem 0 0;
	float: left;
	clear: none;
	font-weight: normal;
}

.press_page #main.intro .pressslider .inner .intropressimg {
	display: block;
	position: relative;
	width: 100%;
	height: 5rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	background-size: contain;
	margin-bottom: .5rem;
}

.press_page #main.intro .pressslider .inner .intropressimg i {
	display: none;
}

.press_page #main.intro .pressslider .inner .presstitle {
	display: block;
	width: 100%;
	height: auto;
	font-size: 1.125em;
	font-weight: 700;
}

.press_page #main.intro .pressslider .inner .pressdescription {
	display: block;
	width: 100%;
	height: 14rem;
	overflow-y: scroll;
}

.press_page #main.intro .pressslider .inner .pressdate {
	position: absolute;
	bottom: 1rem;
	left: 1.5rem;
	display: block;
	width: 100%;
	height: 1rem;
	font-weight: normal;
	font-style: oblique;
}

.press_page #main.intro .pressslider .angapiprevnext {
	position: absolute;
	left: 3rem;
	bottom: 3rem;
	z-index: 4;
	width: 100%;
}

.press_page #main.intro .pressslider .angapiprevnext a {
	color: black;
	background: white;
	width: 2rem;
	height: 2rem;
	line-height: 1.75;
	display: block;
	text-align: center;
	margin: 0 .33rem 0 0;
	float: left;
	cursor: pointer;
}

.press_page #main.intro .presskit a i {
	position: absolute;
	bottom: 4rem;
	right: 1rem;
	font-size: 2rem;
	background: white;
	color: black;
	border-radius: 50%;
	display: block;
	width: 1em;
	height: 1em;
	text-align: center;
	line-height: 1.07;
}

.press_page #main.intro .presskit h4 {
	margin-top: .5rem;
}

#main a:hover {
	color:#000;
	font-weight:800;
	text-decoration:none;
}

.about_page.legal_section #mainbox {
	width: calc(70% - 1em);
	float: right;
	clear: none;
}

.about_page.legal_section #menubox {
	width: 25%;
	float: left;
	clear: none;
}

#menubox h4 {
	font-size:1.125em;
}

#menubox h4.lit,#menubox h4 a.lit {
	color:#edb43f;
}

blockquote {
	font-size:1em;
	font-style:oblique;
}

.popover,.lightmask {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0,0,0,.5);
	z-index: 10000;
	opacity: 1;
}

.popover {
	top: 50vh;
	left: 50vw;
	transform: translate(-50%, -50%);
	width: calc(100% - 6rem - 2px);
	max-width: 42rem;
	height: auto;
	max-height: calc(100% - 6rem - 2px);
	margin: 0;
	padding: 2rem;
	z-index: 10001;
	border: 1px gray solid;
	background: white;
	border-radius: 0;
}

.popover .inner {
	position: relative;
	max-width: 100%;
	max-height: calc(100vh - 6rem - 2px);
	overflow: auto;
}

.popover a.closex {
	background: transparent;
}

#main #credits .imggrid .imgblock1 img,#main #credits .imggrid .imgblock2 img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20vw;
	transform: translate(-50%, -50%);
}

#cookienoticewrap {
	background: black;
}

#cookienotice {
	display: block;
	height: auto;
	background: black;
	color: #fff;
	width: calc(100vw - 4em);
	padding: 1em 2em;
	margin: 0;
	height: auto;
	position: fixed;
	top: auto;
	bottom: 4rem;
	left: auto;
	right: 0;
	z-index: 998;
}

#cookienotice h4 {
	color: #edb43f;
	font-size: 1.5em;
	text-align: center;
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 1.45;
}

#cookienotice p {
	color: #fff;
	font-size: 1em;
	text-align: center;
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 1.45;
}

#cookienotice button {
	display: inline-block;
	width: calc(100% - 2em);
	max-width: 20em;
	padding: 0.5em 1em;
	font-size: 1.25em;
	font-weight: 800;
	height: 2.25em;
	line-height: 1;
	margin: 0;
	text-align: center;
	background: #edb43f;
	border: .125em solid white;
	border-radius: .25em;
	color: #000;
}

#cookienotice button:hover{
	color: #edb43f;
	background: #000;
	
}

#prefooter {
	position: relative;
	top: 0;
	left: 0;
	width: calc(100vw - 2rem);
	background: #000;
	color: #9a9a9a;
	padding: 1rem;
	display: block;
}

#prefooter .social-icons {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	font-size: 2rem;
	text-align: center;
}

#prefooter .social-icons a {
	display: inline-block;
	color: #9a9a9a;
	margin: 0 .66rem;
}

.faicon.icontiktok .icon {
	width: 2rem;
	height: 2rem;
	display: block;
	background: url(layout/tiktok.svg) center center no-repeat transparent;
}

footer {
	font-size:1em;
	width:calc(100vw - 2em);
	height:auto;
	padding:1em 1em 5rem 1em;
	margin:0;
	clear:both;
	float:none;
	color:#fff;
	background:#000;
	text-align:center;
	font-weight: 700;
}

footer span#footer_main,footer span#footer_pre {
	display: block;
	position: relative;
	max-width: 70rem;
	margin: 1.5rem auto;
	text-align: center;
}

footer span#footer_pre a {
	display: inline-block;
	margin: 0 1em;
}
span#copyright {
	margin-left: 0;
}

#loginbutton {
	display: none;
}

footer a {
	color:#edb43f;
}

@media(min-width: 58rem){
	
	#main #credits .imggrid .imgblock1,#main #credits .imggrid .imgblock2 {
		height: 33vw;
	}
	
}

@media( max-height: 58em){
	#main .storyp {
		font-size: 1rem!important;
	}
	
	#main #mainbox #mission .storyp p {
		font-size: 1.38rem!important;
	}
}

@media( max-width: 54em) {
	
	#container {
		position: absolute;
		top: 0;
		left: 0;
		transition: left .5s;
	}
	
	#container.slid {
		left: -66vw;
	}
	
	a#hamburger .hlines {
		background:#edb43f!important;
	}
	
	header nav.mobi {
		color: black;
		font-size: 1.33rem;
	}
	
	header nav.mobi ul  {
		top: 2em;
	}
	
	header nav.mobi ul li#homepage_nav {
		display:inline-block;
	}
	
	header nav.mobi ul li#social_nav {
		display:none;
	}
	
	header nav.mobi ul li {
		margin: 0 0 .5em 0;
	}
	
	header nav.mobi ul li a {
		color:#edb43f;
	}
	
	header nav.mobi ul li.lit a {
		color:#fff;
	}
	
	#mainbox .story {
		height:auto!important;
		min-height:0!important;
		padding: 0!important;
	}
	
	#main .story .inner {
		height: auto!important;
		min-height: 0!important;
		padding: 10vh 0!important;
	}
	
	#kwametop {
		display: none;
	}
	
	#main #top .inner {
		width: calc(100% - 2em);
		max-width: calc(100% - 2em);
		padding-right: 0;
		padding-left: 0;
		background-image: url(#);
	}
	
	#main #top .inner .mainimg {
		position: relative;
		top: 0;
		left: 0;
		height: auto;
	}
	
	#main #top .inner .mainimg img {
		position: relative;
		top: 0;
		left: 0;
		transform: none;
		margin: 0 0 1em 0;
	}
	
	#main #top h1 {
		font-size: 1.5rem;
	}
	
	#main #top h2 {
		text-align: center;
		margin-top: .5em;
	}
	
	#main #top .inner .storyp p, #main #top .inner .storyp ul, #main #top .inner .storyp ol {
		font-size: 1rem;
	}
	
	#main #top #body2 {
		padding-top: calc(28vh + 1em);
		background: url(layout/kwame-closeup-circ-yellow.png) center top no-repeat transparent;
		background-size: 28vh 28vh;
		width: 100%;
		max-width: 100%;
		font-size: 1rem;
	}
	
	#main #show .inner {
		background-position: center 5vh;
		font-size: 1rem;
	}
	
	#main #show .inner h2, #main #show .storyp {
		width: 100%;
		font-size: 1.5rem;
	}
	
	#main #mission .w12-12.imgblocks {
		grid-template-columns: 1fr 1fr;
	}
	
	#main #mainbox #mission .storyp,#main #mission h2 {
		position: relative;
		top: 0;
		left: 0;
		transform: none;
	}
	
	#main #mission .inner,#main #creators .inner,#main #join .inner {
		background-position: center bottom;
	}
	
	#main #mission .mainimg {
		position: relative;
		top: 0;
		left: 1em;
		width: 100%;
		min-width: 100%;
		height: 100vw;
		max-height: 10000vh;
	}
	
	#main #mission .mainimg img {
		position: relative;
		top: 0;
		right: 0;
		transform: none;
	}
	
	#main #mainbox #mission .storyp {
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		max-width: 100%;
		padding: 0;
		margin: 1em 0;
	}
	
	#main #judges .inner h3 {
		margin-top: 1em;
	}
	
	#main #judges .judges {
		display: block;
		grid-template-columns: 1fr;
		grid-gap: 0;
	}
	
	#main #judges .imageleft {
		width: 100%;
		float: none;
		clear: both;
		text-align: center;
		margin: 0 0 1em 0;
	}
	
	#main #creators .inner h3 {
		width: 66%;
	}
	
	#main #creators .inner h3:nth-child(1){
		width: 100%;
	}
	
	#main #join h2 {
		font-size: 1.5rem;
	}
	
	#main a.specialbutton {
		font-size: 1em;
	}
	
	#main h1 {
		font-size: 1.75rem;
	}
	
	#main h2,#main #credits .inner h2.title,#main #sponsors .inner h2.title {
		font-size: 1.5rem;
	}
	
	#main h3 {
		font-size: 1.33rem;
	}
	
	#main h4 {
		font-size: 1.25rem;
	}
	
	#main h5 {
		font-size: 1rem;
	}
	
	.about_page.legal_section #mainbox {
		width: 100%;
	}
	
	.about_page.legal_section #menubox {
		width: 100%;
	}
	
	#credits .imgblock1,#credits .imgblock2,#sponsors .imgblock1,#sponsors .imgblock2,#sponsors .imgblock3,#sponsors .imgblock4 {
		margin: 3rem 0;
		height: 33vw;
	}
	
	#credits .imgblock1 img,#credits .imgblock2 img,#sponsors .imgblock1 img,#sponsors .imgblock2 img,#sponsors .imgblock3 img,#sponsors .imgblock4 img {
		width: auto;
		max-width: calc(100% - 4rem);
		margin: 0 2rem;
	}
	
	#main #credits .imggrid .imgblock1 img,#main #credits .imggrid .imgblock2 img {
		position: relative;
		left: 0;
		top: 0;
		width: 70%;
		transform: none;
	}
	
	
	
	#main #show #body1 .imageblockright {
		position: relative;
		top: 0;
		right: 0;
		width: 100%;
		min-width: 0;
		height: auto;
		margin: 0;
		padding: 0;
	}
}

@media( min-width: 116em) {
	body {
		font-size: 18px;
	}

	#kwametop {
		width: 22.5vw;
		height: 27vw;
	}
	
	#main #top .inner .storyp {
		position: relative;
		color: white;
		font-size: 1.125rem;
		width: calc(70vw - 2rem);
		max-width: calc(80rem - 5vw);
	}
	
	#main p,#main #judges .storyp,#main #creators .storyp {
		font-size:1em;
	}
	
	#main #top .inner .storyp {
		font-size: 1.25em;
	}
}