@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'AeonikProRomanVF';
  src: url('AeonikPro-Roman-VF.ttf') format('truetype');
  font-weight: 1 999; /* since it's a variable font */
  font-style: normal;
}
*
{
	box-sizing:border-box;
}
.flx
{
	display:flex;
	flex-wrap:wrap;
}
img.resp
{
	display:block;
	max-width:100%;
	height:auto;
}
body,html
{
	margin:0;
	padding:0;
	font-family: 'AeonikProRomanVF', sans-serif;
}
h2
{
	font-size:45px;
	margin:0;
		padding:0 0 15px 0;
	line-height:100%;
}
p
{
	line-height:140%;
	font-size:18px;
	margin:0;
	padding:0 0 15px 0;
}
.headWrapper 
{
height:100vh;
align-items:Center;
justify-content:center;
	background-color:#ffb900;
	color:#3232ff;
	position:relative;
}

.headWrapper .msg
{

	position:Relative;
	z-index:5;

}
.headWrapper .msg
{
	padding:0 40px;
}
.headWrapper .sub
{
	padding-top:12px;
}
.about
{
	background-color:#3232ff;
	padding:60px 20px;
align-items:Center;
	justify-content:center;
	color:#fff;
}
.about .aboutInner
{
	flex:1;
	max-width:1200px;
	margin:0 auto;
}

.messageBand
{
	padding:40px 30px;
	background-color:#96e6f0;
}
.messageBand .msgs .ent
{
	flex:1 0 33.333%;
	text-align:Center;
	color:#3232ff;
	font-size:26px;
}
.messageBand .msgs .second,
.messageBand .msgs .third
{
	display:none;
}

.whatWeDo-events
{
	background-color:#ffd7ff;
	color:#3232ff;
	margin-bottom:30px;
}
.whatWeDo-events .linking
{
	padding-top:20px;
}
.whatWeDo-events .linking a
{
	padding:20px 30px;
	border-radius:36px;
	display:block;
	border:1px solid #ff3c1e;
	font-size:20px;
	text-align:center;
	color:#ff3c1e;
	text-decoration:none;
	font-weight:600;
}
.whatWeDo-events .linking.black a{
	color:#fff;
	background-color:#000;
	border:1px solid #000;
}
.whatWeDo-events .linking.black a:hover{
		color:#fff;
	background-color:#000!important;
	border:1px solid #000!important;
}
.whatWeDo-events .comedy .linking a:hover

{
	border-color:#3232ff;
	color:#3232ff;
}
.whatWeDo-events .comedy .linking a:hover{
	background-color:#ff3c1e;
	color:#fff;
}
.whatWeDo-events .cooking .linking a:hover{
	background-color:#3232ff;
	color:#fff;
}
.whatWeDoInner,
.eventsInner
{
	padding:60px 20px;
		max-width:1200px;
	margin:0 auto;
	position:relative;
	z-index:6;
}
.events
{
	position:relative;
}

.eventsInner
{
	padding-top:0;
}
.eventBoxes .comedy,
.eventBoxes .cooking
{
	flex:1 0 100%;
}
.eventBoxes .graphic
{
	padding-bottom:20px;
}
.eventBoxes .comedy .inner
{

padding-bottom:40px;	
}
.eventBoxes .cooking .inner
{
padding-bottom:40px;	
	color:#3232ff;
}
.contactCTA
{
	padding:40px 20px;
}
.contactCtaInner
{
max-width:1200px;
	margin:0 auto;
	color:#ff3c1e;
}
.contactCtaInner a
{
	color:#ff3c1e;
	text-decoration:none;
}
.contactCtaInner .right a
{
	
	text-decoration:underline;
}
.contactCtaInner .left,
.contactCtaInner .right
{
	flex:1 0 100%;
	padding-bottom:30px;
}
.contactCTA h3
{
font-size:30px;
	margin:0;
	padding:0 0 15px 0;
}
.footer 
{
	color:#fff;
	background-color:#ff3c1e;
	padding:60px 30px;
	
}
	.footer  .logo,
.footer .right
{
	flex:1 0 100%;
	padding-bottom:40px;
}
.footer  .logo img
{
	max-width:250px;
}
	.footer  .comms,
.footer .social
{
	flex:1 0 100%;
}
.footer .right .comms
{
	padding-bottom:40px;
}
.footer p
{
	font-size:18px!important;
}
.footer a
{
	color:#fff;
	text-decoration:none;
}
footer
{
	display:block;
max-width:1200px;
margin:0 auto;
}

@media(min-width:768px)
{
	.footer  .logo,
.footer .right
{
	flex:1 0 50%;
	padding-bottom:0;
}
	.footer .right .comms
{
	padding-bottom:0;
}
	h2
{
	font-size:60px;
}
	p
	{
		font-size:24px;
	}
.about
{

	min-height:500px;
	
}
	.messageBand .msgs .second
	{
		display:block;
	}
.events h2
{
	text-align:Center;
}
	.eventBoxes .comedy,
.eventBoxes .cooking
{
	flex:1 0 50%;
}
	.eventBoxes .comedy .inner
{
	padding-right:20px;
	padding-bottom:0;
}
.eventBoxes .cooking .inner
{
	padding-left:20px;
	padding-bottom:0;
	}
	
	.eventBoxes .cooking .inner h3,
	.eventBoxes .comedy .inner h3
	{
		font-size: 30px;
	}
	.eventBoxes .cooking .inner h3 span,
	.eventBoxes .comedy .inner h3 span
	{
		display:block;
		padding-top:15px;
		font-size:24px;
	}
	.contactCtaInner .left,
.contactCtaInner .right
{
	flex:1 0 50%;
	padding-bottom:0;
}
	.footer 
{
	
	padding:100px 30px;
}
	

		.footer .rowTop .right .comms,
	.footer .rowTop .right .social
	{
		flex:1 0 100%;
	}
	
}

@media(min-width:992px)
{
		.footer .rowTop .right .comms,
	.footer .rowTop .right .social
	{
		flex:1 0 50%;
	}
		.footer .rowTop .right .social
	{
		text-align:right;
	}
	h2
{
	font-size:80px;
	padding-bottom:50px;
}
		.headWrapper .msg h1
	{
		font-size:120px;
		line-height:80%;
	}
	.headWrapper .msg img
	{
		max-width:450px;
	}
.headWrapper::before
{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
width:50%;
	height:100%;
	background-image:url(../img/yellow-top-left.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:auto 100%;
	display:block;
	content:" ";
}	
	.headWrapper::after
{
		position:absolute;
	right:0;
	top:0;
	bottom:0;
width:50%;
	height:100%;
	background-image:url(../img/yellow-top-right.png);
	background-position:top right;
	background-repeat:no-repeat;
	background-size:auto 100%;
	display:block;
	content:" ";
}

	.messageBand .msgs .third
	{
		display:block;
	}
	
	.splitter
{
	height:289px;
	position:Relative;
}
.splitter::before,
.splitter::after{
	position:absolute;
	top:0;
	width:50%;
	height:289px;
	content:" ";
	background-size:auto 100% ;
	background-repeat:no-repeat;
	
	
}
.splitter::before
{
	left:0;
	top:0;
	background-image:url(../img/splitter-left-pink.jpg);
	background-position:top left;
}
.splitter::after
{
background-image:url(../img/splitter-right-pink.jpg);	
	top:0;
	right:0;
	background-position:top right;
}
	
	.events::before,
	.events::after{
		display:block;
		content:" ";
		position:Absolute;
		
		background-repeat:no-repeat;
	}
	.events::before
	{
		width:283px;
		height:88px;
		background-image:url(../img/top-left-pink.jpg);
		background-size:283px 88px ;
		top:0;
		left:0;
	}
	.events::after
	{
		width:350px;
			height:215px;
		background-image:url(../img/top-right-pink.jpg);
		background-size:350px 215px ;
		top:0;
		right:0;
	}
		.eventsInner
	{
		padding-top:90px;
	}
	.events .eventsFoot
	{
		height:208px;
		background-image:url(../img/bottom-pink-foot.jpg);
		background-size:100% 100%;
		background-color:#ffd7ff;
	}
		.eventBoxes .comedy .inner
{
	padding-right:40px;
	
}
.eventBoxes .cooking .inner
{
	padding-left:40px;
	}
	.whatWeDo-events .linking a
	{
		font-size:22px;
	}
	.footer .rowTop .logo
	{
		flex:1 0 40%;
	}
	.footer .rowTop .right
	{
		flex:1 0 60%;
		justify-content:flex-end;
	}
}
@media(min-width:1200px)
{
.events h2
	{
		text-align:left;
	}
}
@media(min-width:1200px)
{
		h2
{
	font-size:100px;
}
		.headWrapper .msg img
	{
		max-width:600px;
	}
	.messageBand .msgs .ent
	{
		font-size:30px;
	}
		.eventBoxes .comedy .inner
{
	padding-right:50px;
	
}
.eventBoxes .cooking .inner
{
	padding-left:50px;
	}
		.whatWeDo-events .linking a
	{
		font-size:30px;
	}
}