/* reset */

*{
	box-sizing:border-box;
	scrollbar-color:#0076CE #D5F5FF;
	scrollbar-width:thin;
}
html,body,h1,h2,h3,p,ul,li,blockquote{
	padding:0;
	margin:0;
}
img,iframe{
	max-width:100%;
}

@font-face {
  font-family: "FilsonSoftMedium";
  src: url('fonts/FilsonSoftMedium/font.woff2') format('woff2'), url('fonts/FilsonSoftMedium/font.woff') format('woff');
}
@font-face {
  font-family: "FilsonSoftBold";
  src: url('fonts/FilsonSoftBold/font.woff2') format('woff2'), url('fonts/FilsonSoftBold/font.woff') format('woff');
}
@font-face {
	font-family: 'Gaegu Regular';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Gaegu-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Gaegu Light';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Gaegu-Light.woff') format('woff');
}
@font-face {
	font-family: 'Gaegu Bold';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Gaegu-Bold.woff') format('woff');
}


/* colours:

*/

a{
	color:inherit;
}
body{
	background:#fff;
	color:#000;
}
#theshow,
#tourdates,
#castcreatives{
	position:relative;
}
#theshow:before,
#tourdates:before,
#castcreatives:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	background-repeat:no-repeat;
}
.outer{
	position:relative;
}
#theshow{
	background-color:#FDF7EB;
}
#theshow:before{
	background-image:url(../img/splat.svg),url(../img/starburst.svg);
	background-size:22vw auto,23vw auto;
	background-position:85.5vw 5vw,-9.5vw 50vw;
	background-size:26.25rem auto,27.375rem auto;
/*	background-position:calc(100vw - 17rem) 5vw,-11.5rem 50vw; */
	background-position:calc(100vw - 17rem) 5rem,-11.5rem 30rem;
}
#theshow .accentcolour{
	color:#0076CE;
}
#theshow:after{
	content:"";
	display:block;
	max-width:calc(100% - 2.5rem);
	height:min(28rem,69vw);
	background:url(../img/lets-play.png) transparent no-repeat center bottom / contain;
	margin:0 auto;
	position:relative; /* to go in front of :before backgrounds */
}
#tourdates{
	background:#0097A9;
	color:#fff;
}
#tourdates:before{
	background-image:url(../img/star-blue.svg),url(../img/star-green.svg),url(../img/star-yellow.svg);
	background-size:18rem auto;
/*	background-position:-9rem 5vw,calc(100vw - 11.375rem) 50vw,-9rem 70vw; */
	background-position:-9rem 5rem,calc(100vw - 11.375rem) 50rem,-9rem 70rem;

}
#characters{
	background:#ECF2DC;
	background:url(../img/character-bg.jpg) #ECF2DC no-repeat center / cover;
	background-attachment:fixed;
	color:#373A36;
}
#castcreatives{
	background:#F3D54E;
	color:#1A1A1A;
}
#castcreatives:before{
	background-image:url(../img/sun.svg),url(../img/starburst.svg);
	background-size:26.375rem auto,27.375rem auto;
	/* background-position:calc(100vw - 15.625rem) 10vw,-11.5rem 40vw; */
	background-position:calc(100vw - 15.625rem) 10rem,-11.5rem 30rem;
}
#castcreatives h2{
	color:#373A36;
}
#castcreatives h2:before{
	content:"";
	display:block;
	height:4.5rem;
	background:url(../img/divider.svg) transparent no-repeat center / contain;
	margin-bottom:1.75rem;
}
#gallery{
	background:#FDF7EB;
	background:url(../img/gallery-bg.png) #FDF7EB no-repeat center / cover; 
	background-attachment:fixed;
	color:#373A36;
}
@media(max-width:1730px){
	#theshow:before,
	#tourdates:before,
	#castcreatives:before{
		opacity:.5;
	}
}
@media(max-width:800px){
	#theshow:before,
	#tourdates:before,
	#castcreatives:before{
		opacity:.3;
	}
	#castcreatives:before{
	/* 	background-image:url(../img/sun.svg); */
		background-position:calc(100vw - 15.625rem) 10rem,-11.5rem 50rem;
		}
}
#footer{
	background:#0076CE;
	color:#fff;
}
.skip-link{
	border-color:black;
	color:black;
	background-color:white;
}
#nav{
	background:#C3DC93;
	color:#373A36;
	border-color:#fff;
}
#nav #menu1 a:before{
	content:"";
	display:block;
	height:2.75rem;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center bottom;
	margin-bottom:.25rem;
}
#nav .menutheshow a{
	white-space:nowrap;
}
#nav .menutheshow a:before{
	background-image:url(../img/star.svg);
}
#nav .menutourdates a:before{
	background-image:url(../img/lightning.svg);
}
#nav .menucharacters a:before{
	background-image:url(../img/teddy.svg);
}
#nav .menucastcreatives a:before{
	background-image:url(../img/ladybird.svg);
}
#nav .menugallery a:before{
	background-image:url(../img/dolphin.svg);
}
#nav ul a{
	position:relative;
	top:0;
	color:inherit;
	transition:all .2s ease-in-out 0s;
}
#nav ul a:hover,
#nav ul a:focus,
#nav ul a:active{
	top:-3px;
	color:#000;
}
#header{
	height:0;
	padding-top:56.25%;
	text-align:center;
	background:url(../img/poster_1920.jpg) transparent no-repeat center top / auto 100%;
}
@media(max-width:618px){
	#header{
		padding-top:178%;
		background-image:url(../img/poster_mobile.jpg);
	}
}
hr{
	border-color:#373A36;
}
p.review span.stars{
	color:#E56A54;
}
p.review span.quote{
	color:#373A36;
}
p.review span.byline{
	color:#373A36;
}
.tourdates,
.tourdates li{
}
#tourdates p{
}
.book a{
	background:url(../img/button.svg) transparent no-repeat center / contain;
	color:#373A36;
}
.book a:focus,
.book a:hover,
.book a:active{
	background-image:url(../img/button-hover.svg);
}
.book .onsalesoon{
/*
	background:transparent;
	color:#000;
	border-color:#000;
*/
}
body.bio{
	background-color:#FDF7EB;
}
body.character{
	background:url(../img/character-bg.jpg) #FDF7EB no-repeat center / cover;
	background-attachment:fixed;
}
body.character h1{
	color:#0097A9;
}
body.castcreative .deco{
	position:fixed;
	bottom:2.5rem;
	left:5vw;
	width:15rem;
	max-width:calc(32 * (100% - 10vw) / 100); /* same as .castcreativeimg */
	height:auto;
}
/* fancybox override */

.fancybox-slide--iframe .fancybox-content{
	max-width:min(81.25rem,calc(100% - 6.25rem));
}
.fancybox-slide--iframe .fancybox-close-small{
	right:clamp(-5rem,-6vw,-2.75rem);
}
.fancybox-close-small::after {
  content: "";
  top: 0;
  right: 0;
  width: clamp(2.5rem,5vw,3.75rem);
  height: 3.75rem;
  border-radius: 1.875rem;
  background: url(../img/close-popup.svg) transparent no-repeat center top / contain !important;
}


/* fonts:
"FilsonSoftBold"
"FilsonSoftMedium"
*/

html{
	font-size:16px; /* basis for 'rem' sizes */
}

body,
#toggle,
.bio h2{
	font-family:"FilsonSoftMedium", serif;
	font-weight:400;
	font-size:100%;
	line-height:1;
}
h1,
h2,
.intro p,
.tourdates .date,
.tourdates .city,
.tourdates .book,
#castcreatives .name,
strong{
	font-family:"FilsonSoftBold", serif;
}
h1,h2,h3,h4,h5,h6,strong{
	font-weight:400;
}
#nav ul{
	font-family:"Gaegu Bold", serif;
}
a{
	text-decoration:underline;
	text-underline-offset:.2em;
}
#nav a,
.showinfo p.button a,
#tourdates .book a{
	text-decoration:none;
}
a:focus,
a:hover,
a:active{
	text-decoration-style:dashed;
}
#theshow a:focus,
#theshow a:hover,
#theshow a:active,
#footer .fname a:focus,
#footer .fname a:hover,
#footer .fname a:active{
	text-decoration:none;
}

h1.site-title{
	font-size:2rem;
}
h1{
	font-size:4.875rem;
	font-size:clamp(3rem,9vw,4.875rem);
	text-transform:uppercase;
	line-height:.875;
	text-align:center;
	margin-bottom:1.4em;
}
h2{
	font-size:clamp(2rem,5vw,3rem);
	line-height:1.15;
	text-align:center;
	margin-bottom:1.4em;
}
h2 span{
	white-space:nowrap;
}
h3,h4{
	font-size:2rem;
	font-size:clamp(1.375,4.125vw,2rem);
	line-height:1.35;
	margin-bottom:1.35em;
}
h5,h6,
p,ul,ol,blockquote,
input,textarea,select,option{
	font-size:1.5rem;
	font-size:clamp(1.125rem,2.2vw,1.5rem);
	line-height:1.42;
	margin-bottom:1.42em;
}
.bio p,
.bio ul{
	font-size:clamp(1rem,2.2vw,1.5rem);
}
#nav ul{
	font-size:1.6875rem;
	font-size:clamp(1.125rem,2vw,1.6875rem);
	line-height:.75;
	text-align:center;
	margin-bottom:0;
}
#theshow .intro p{
	font-size:2.125rem;
	font-size:clamp(1.5rem,3.12vw,2.375rem);
	line-height:1.26;
	text-align:center;
	margin-bottom:1.26em;
}
#theshow .showinfo p{
	font-size:1rem;
	font-size:clamp(.9375rem,2.625vw,1.125rem);
}
hr{
	font-size:1.125rem;
	/* font-size to get margin-bottom to be relative to paragraphs */
	height:1px;
	border-width:0.125rem 0 0 0;
	border-style:solid;
	margin:2.35em auto 2.35em auto;
}
p.review{
	font-size:1.75rem;
	font-size:clamp(1.25rem,4.125vw,2rem);
	line-height:1.3;
}
p.review span.byline{
	font-size:1rem;
	font-size:clamp(.875rem,2.625vw,1rem);
	margin-top:.6em;
}
p.review span.stars{
	font-size:min(16vw,4.5rem);
	letter-spacing:-.1em;
	line-height:1;
	margin-bottom:0;
}
.tourdates{
	font-size:1.5rem;
	font-size:clamp(1.125rem,3.375vw,1.5rem);
	line-height:1.4;
	margin-bottom:3.3em;
}
.tourdates span.date{
	font-weight:700;
}
.tourdates span.city{
	font-weight:700;
}
.tourdates span.theatre{
}
.tourdates .book a{
	font-size:1.25rem;
	text-transform:uppercase;
}
.tourdates .book .onsalesoon{
	font-size:1rem;
}
#tourdates p{
	font-size:1rem;
}
#tourdates p,
#gallery p{
	text-align:center;
	margin-bottom:.7em;
}
#gallery p{
	font-size:1rem;
}
#castcreatives ul{
	font-size:clamp(1.125rem,2.5vw,1.375rem);
	line-height:1.45;
}
ul.creativeslist li .name,
ul.castlist li .name{
	font-weight:700;
}
p.caption{
	font-size:16px;
	padding-top:1em;
}

#footer h3,
#footer p,
#footer ul{
	font-size:1rem;
	font-size:clamp(.875rem,2.625vw,1rem);
	margin-bottom:0;
}

.bio h1{
	font-size:3rem;
	font-size:clamp(2rem,8vw,3rem);
	text-transform:none;
	line-height:1.2;
	text-align:left;
	margin-bottom:.2em;
}
.bio.character h1{
	margin-bottom:.5em;
}
.bio h2{
	font-size:2.375rem;
	font-size:clamp(1.375rem,4.125vw,2.375rem);
	text-transform:none;
	line-height:1.2;
	text-align:left;
	margin-bottom:1em;
}


/* layout */


.screen-reader-text{
	position:fixed;
	top:-40000px;
	left:-40000px;
	z-index:90001;
}
.skip-link{
	display:block; /* in case it's a span inside a link */
	border-width:4px;
	border-style:solid;
	border-radius:10px;
	padding:1rem;
}
.skip-link:focus,
a:focus .skip-link{
	top:1rem;
	left:1rem;
	z-index:90001;
}

/* overlap system from bottom up */
.section{
	position:relative;
}
#castcreatives{z-index:1;}
#gallery{z-index:2;}
#tourdates{z-index:3;}
#theshow{z-index:4;}
#header{z-index:5;}
#nav{z-index:90000;}

#nav{
	padding-left:clamp(1.25rem,5vw,8.75rem);
	padding-right:clamp(1.25rem,5vw,8.75rem);
}
.outer{
	padding:5.125rem 2rem 2.1875rem 2rem;
	padding-top:min(5vw,5rem);
	padding-left:clamp(1.25rem,5vw,8.75rem);
	padding-right:clamp(1.25rem,5vw,8.75rem);
}
#header .outer{
	margin-top:0;
}
.inner{
	max-width:102.5rem;
	margin:0 auto;
}
#nav .inner,
#footer .inner{
	max-width:91.875rem;
}

#wrapper{
	padding-top:calc(8.125rem + .5rem);
}
#nav{
	height:calc(8.125rem + .5rem);
	position:fixed;
	left:0;
	top:0;
	width:100%;
	border-width:0 0 .5rem 0;
	border-style:solid;
}
#toggle{
	display:none;
}
#nav .inner{
	position:relative;
	height:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
h1.site-title,
p.site-title{
	width:clamp(12.1875rem,20vw,21.125rem);
	margin-bottom:0;
}
.site-title a,
.site-title a img{
	display:block;
}
#nav ul#socialnav{
	width:clamp(12.1875rem,20vw,21.125rem);
	text-align:right;
}
#nav ul{
	list-style:none;
}
#nav ul#menu1{
	display:flex;
	justify-content:center;
	flex-grow:2;
}
#nav li{
	display:inline-block;
}
#nav #menu1 li{
	width:min-content;
	padding:0 1.25rem;
	padding:0 clamp(.5rem,.75vw,1.25rem);
}
#nav ul#socialnav li{
	padding:0 .125em;
}
#nav ul#socialnav li:last-child{
	padding-right:0;
}
#nav li a{
	display:inline-block;
	max-width:4.38em;
}
#socialnav li a img{
	width:clamp(1.5rem,2.5vw,2rem);
	vertical-align:middle;
}
#header #content{
	position:absolute; 
	top:0;
	left:0;
	width:100%;
}
#theshow .content{
	max-width:64rem;
	margin:0 auto;
}

.videowrapper{
	max-width:64rem;
	margin:3.5rem auto 1rem auto;
}
.videobox{
	position:relative;
	width:100%;
	height:0;
	padding-top:56.25%;
}
.videobox iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.reviewquotes{
	max-width:56.25rem;
	margin:0 auto;
}
.bxslider{
	height:100%;
}
.bxslider li{
	list-style:none;
}
ul.bxslider li p.review{
	display:table-cell;
	width:56.25rem; /* needed for horizontal centering of shorter quotes */
	max-width:100%;
	height:10em; /* this will automatically get higher where needed, but it will vertically center the quotes for most screens */
	text-align:center;
	vertical-align:middle;
}
.review span{
	display:block;
}

#tourdates h3{
	max-width:85.25rem;
	margin-left:auto;
	margin-right:auto;
}
.tourdates{
	list-style:none;
	max-width:85.25rem;
	border-width:1px 0 0 0;
	border-style:solid;
	margin-left:auto;
	margin-right:auto;
}
.tourdates li{
	display:flex;
	flex-wrap:wrap;
	padding:1.75rem 0;
	border-width:0 0 1px 0;
	border-style:solid;
}
.tourdates li > span{
	padding-right:.75em;
}
.tourdates li span.date{
	width:29%;
}
.tourdates li span.venue{
	width:31%;
}
.tourdates li span.phone{
	width:23%;
}
.tourdates li span.phone.hidden *{
	display:none;
}
.tourdates li span.book{
	width:17%;
	padding-right:0;
}
.tourdates li span.venue span,
.tourdates li span.phone span{
	display:block;
}
.book{
	text-align:right;
}
.book a{
	display:inline-block;
	width:9.375rem;
	max-width:100%; /* of .book */
	min-height:2.75rem;
	line-height:2.75rem;
	text-align:center;
	white-space:nowrap;
	padding:0 2px;
}
.book span.onsalesoon{
	
}
#characters ul{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	margin-left:-.5rem;
	margin-right:-.5rem;
}
#characters ul li{
	width:25%;
	padding:0 .5rem;
}
@media(max-width:950px){
	#characters ul li{
		width:50%;
	}
}
@media(max-width:430px){
	#characters ul li{
		width:100%;
		margin-bottom:1rem;
	}
}
#castcreatives .inner{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#castcreatives .cast,
#castcreatives .creatives{
	width:calc(50% - 1rem);
	text-align:center;
}
@media(max-width:600px){
	#castcreatives .cast,
	#castcreatives .creatives{
		width:100%;
	}
}
#castcreatives ul{
	list-style:none;
}
#castcreatives ul li{
	margin-bottom:1em;
}
#castcreatives ul li span{
	display:block;
}
.gallerywrapper{
	width:calc(100% - 10vw);
	max-width:1024px;
	margin:0 auto;
}
#footer .fcols{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:4rem;
}
#footer .fcol1{
	flex-grow:2;
}
#footer .fcol2{
	text-align:right;
}
#footer p.logos a{
	display:inline-block;
	margin-right:.5rem;
}
#footer p.logos a:last-child{
	margin-right:0;
}
#footer .fcol3{
	width:100%;
	padding-top:3.5rem;
}
#footer .hdk a{
	display:inline-block;
}


/* bios */

/*
html.bio,
html.bio body{
	height:100%;
}
html.bio body #content{
}
*/
body.bio{
	padding:1.875rem 5vw;
}
body.castcreative #content.withimage{
	display:flex;
	justify-content:space-between;
	max-width:75.5rem;
	margin:0 auto;
}
body.castcreative .biotext{
	width:100%;	
}
body.castcreative .withimage .biotext{
	width:61%;
}
body.castcreative .castcreativeimg{
	width:36%;
	position:relative;
}
body.castcreative .castcreativeimg:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding-top:148%;
	background:url(../img/facecover.png) transparent no-repeat center top / contain;
}
@media(max-width:600px){
	body.castcreative .deco{
		max-width:15%;
	}
}
body.character{
	padding-bottom:0;
}
body.character #content{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	max-width:75.5rem;
	margin:0 auto;
}
body.character .biotext{
	width:61%;
	padding-bottom:5vw;
	/* align-self:flex-start; */
}
body.character .characterimg{
	width:36%;
}
body.character .characterimg img{
	position:fixed;
	/* left:5vw; */
	/* by omitting the left property, it will take the positin from the parent element */
	bottom:0;
	max-width:calc(95vw - 61%);
	max-height:calc(100vh - 3rem);
}
@media(max-width:430px){
	body.bio #content.withimage{
		flex-wrap:wrap;
		position:relative;
	}
	body.bio .bioimg{
		width:100%;
		max-width:25rem;
		margin:0 auto 2rem auto;
	}
	body.bio #content.withimage .biotext{
		width:100%;
	}
	body.castcreative .deco{
		position:static;
		max-width:100%;
	}
	body.character .characterimg{
		order:2;
		margin-bottom:-2px;
	}
	body.character .characterimg img{
		position:static;
		display:block;
		max-width:75%;
	}
}

.bio a{
	color:inherit;
}
.bio a:focus,
.bio a:hover,
.bio a:active{
	text-decoration:underline dashed #fff;
}

/* nav menu medium */

@media(max-width:1020px){
	#nav ul#socialnav{
		width:auto;
	}
}

/* nav menu narrow */

@media(max-width:860px){
	#wrapper{
		padding-top:calc(4.25rem + .3125rem);
	}
	#nav{
		height:calc(4.25rem + .3125rem);
		border-bottom-width:.3125rem;
	}
	.site-title{
		height:4.25rem;
		position:fixed;
		left:clamp(1.25rem,5vw,8.75rem);
		top:0;
	}
	#toggle{
		display:block;
		width:auto;
		height:4.25rem;
		font-size:.9375rem;
		line-height:4.25rem;
		background:url(../img/menu.svg) transparent no-repeat left center / auto 1.5rem;
		position:fixed;
		right:clamp(1.25rem,5vw,8.75rem);
		top:0;
	}
	body.toggled-on #nav #toggle,
	#nav:target #toggle{
		background-image:url(../img/close.svg);
	}
	#toggle a{
		display:block;
		width:100%;
		height:100%;
		padding-left:2.3rem;
	}
	#toggle a span{
		line-height:1;		
	}
	#nav{
		transition:height .5s ease-in-out 0s, overflow 1s ease-in-out 0s, background 2s ease-in-out 0s;
	}
	body.toggled-on{
		overflow:hidden;
	}
	.toggled-on #nav,
	#nav:target{
		height:100%;
		overflow:auto;
		border-bottom-width:0;
	}
	.navcontent{
		display:none !important;
	}
	.toggled-on .navcontent,
	#nav:target .navcontent{
		display:block !important;
	}
	#nav ul#menu1{
		font-size:2.375rem;
		font-size:clamp(1.25rem,5vw,1.6875rem);
		padding-top:4.75rem;
		margin:0 auto;
		transition:all 0s ease-in-out 0s;
	}
	#nav ul#menu1,
	#nav ul#socialnav{
		width:100%;
		display:block;
		text-align:center;
		padding-bottom:1rem;
	}
	#nav ul#socialnav{
		padding-bottom:3rem;
	}
	#nav ul#menu1 li{
		display:block;
		padding:0 0 .75em 0 !important;
		width:100%;
	}
	#nav li a{
		display:inline-block;
		padding-bottom:.2em;
	}
	#nav ul#socialnav li:last-child{
		padding-right:.325rem;
	}
	#nav .navisopen,
	#nav:target .navisclosed,
	.toggled-on #nav .navisclosed{
		display:none;
	}
	#nav .navisclosed,
	#nav:target .navisopen,
	.toggled-on #nav .navisopen{
		display:block;
	}
	@media(max-width:330px){
		h1.site-title,
		p.site-title{
			max-width:calc(100% - 6rem);
		}
		#toggle a{
			width:2rem;
			text-indent:2rem;
			padding-left:0;
			overflow:hidden;
		}
	}
}




/* other width based styles */

@media(max-width:960px){
	.tourdates li span.venue{
		width:28%;
	}
	.tourdates li span.book{
		width:20%;
	}
}
@media(max-width:920px){
	.tourdates{
		font-size:1rem;
	}
	.book .onsalesoon{
		font-size:.833rem;
	}
}
@media(max-width:820px){
	.tourdates{
		font-size:.833rem;
	}
	.book .onsalesoon{
		font-size:.7rem;
	}
	.tourdates li span.date{
		width:29%;
	}
	.tourdates li span.venue{
		width:28%;
	}
	.tourdates li span.phone{
		width:23%;
	}
	.tourdates li span.book{
		width:20%;
	}


}
@media(max-width:710px){
	#tourdates h3,
	.tourdates{
		max-width:29.375rem;
		margin-left:auto;
		margin-right:auto;
	}
	.tourdates li{
		font-size:1.125rem;
		padding-bottom:1rem;
		display:block;
		overflow:hidden;
	}
	.tourdates .book .onsalesoon{
		font-size:0.9375rem;
	}
	.tourdates li > span{
		padding-right:0;
	}
	.tourdates li span.date,
	.tourdates li span.venue{
		float:left;
		width:60%;
	}
	.tourdates li span.venue{
		margin-top:1rem;
	}
	.tourdates li span.phone,
	.tourdates li span.book{
		width:40%;
		padding-bottom:1.25rem;
	}
	.tourdates li span.phone{
		text-align:right;
	}
	.tourdates li span.book{
		display:inline-block;
		margin-top:1rem;
	}
	.tourdates li span.book a,
	.tourdates li span.book span{
		float:right;
	}
}
@media(max-width:590px){
	#footer .fcol1,
	#footer .fcol4{
		width:100%;
	}
}
@media(max-width:430px){
	#tourdates h3{
		text-align:center;
	}
	.tourdates,
	.tourdates *{
		float:none !important;
		font-size:1.125rem;
		text-align:center;
	}
	.tourdates li > span{
		display:block;
		width:100% !important;
		padding:0 !important;
		margin-top:0 !important;
		margin-bottom:1em;
	}
	.tourdates li span.book *{
		margin:0 auto !important;
	}
}

@media(max-width:320px){
	.bio h1{
		font-size:1.5rem;
	}
	.bio h2{
		font-size:1.25rem;
	}
	.bio p{
		font-size:.9375rem;
	}

}
*/




/* increase sizes via html font-size */


@media(min-width:1960px){html{font-size:20px;}}
@media(min-width:2055px){html{font-size:21px;}}
@media(min-width:2150px){html{font-size:22px;}}
@media(min-width:2245px){html{font-size:23px;}}
@media(min-width:2340px){html{font-size:24px;}}
@media(min-width:2435px){html{font-size:25px;}}
@media(min-width:2530px){html{font-size:26px;}}
@media(min-width:2625px){html{font-size:27px;}}
@media(min-width:2720px){html{font-size:28px;}}
@media(min-width:2815px){html{font-size:29px;}}
@media(min-width:2910px){html{font-size:30px;}}
@media(min-width:3005px){html{font-size:31px;}}
@media(min-width:3100px){html{font-size:32px;}}
@media(min-width:3100px){html{font-size:33px;}}
@media(min-width:3195px){html{font-size:34px;}}
@media(min-width:3290px){html{font-size:36px;}}
@media(min-width:3385px){html{font-size:37px;}}
@media(min-width:3480px){html{font-size:38px;}}
@media(min-width:3575px){html{font-size:39px;}}
@media(min-width:3670px){html{font-size:40px;}}
@media(min-width:3765px){html{font-size:41px;}}
@media(min-width:3860px){html{font-size:42px;}}
@media(min-width:3955px){html{font-size:43px;}}
@media(min-width:4050px){html{font-size:44px;}}