@font-face {
font-family: 'Artifex';
font-style: normal;
font-weight: normal;
src: url('fonts/ArtifexCF-ExtraLight.woff') format('woff');
}

@font-face {
font-family: 'Artifex-Ital';
font-style: normal;
font-weight: normal;
src: url('fonts/ArtifexCF-ExtraLightItalic.woff') format('woff');
}

@font-face {
font-family: 'Herokid Exp';
font-style: normal;
font-weight: normal;
src: url('fonts/Herokid-SemiBoldExpanded.woff') format('woff');
}

@font-face {
font-family: 'Herokid Nar';
font-style: normal;
font-weight: normal;
src: url('fonts/Herokid-SemiBoldNarrow.woff') format('woff');
}

@font-face {
font-family: 'Univ';
font-style: normal;
font-weight: normal;
src: url('fonts/Univers-Condensed.woff') format('woff');
}




html {
  font-family:'Artifex', sans-serif;
  /*scroll-snap-type: mandatory;
  scroll-snap-points-y: repeat(100vh);
  scroll-snap-type: y mandatory;*/
  margin, padding:0 !important;
  background:#fff682;
  scroll-behavior: smooth;
}


body {
  margin, padding:0 !important; border:none !important;
}

.introtitle {text-align:center; position:relative; display:block; padding:20px 60px 20px 60px; margin-bottom:-10px;}
.introtitle img {width:100%; max-width:978px; }

.topbar {position:relative; bottom:0; right:0; padding:7px; text-align:right; font-family:'Univ'; font-size:10px; background:#fff; }

.topbar a {text-decoration:none; color:#000;}

.navbar {
font-family:'Univ', sans-serif;
z-index:99;
display:block;
/*position:fixed; display:inline-block; width:100%; margin-left:-15px;*/
top:0; bottom:auto;
background:#fff682;
padding:15px;
text-align:center; ;
}

.navbar a {text-decoration:none; color:#000; font-size:12px; padding-right:20px;}

section {
  /*scroll-snap-align: start;*/
  position: relative;

}

.backtotop {position:absolute; bottom:0; right:0; background:#fff; color:#000; padding:20px; z-index:99;}

.wrapper {
 /* display: flex;*/
  z-index:88;
   margin, padding:0 !important;
}



.container {
  /*flex-basis: 100%;*/
  max-height: 100vh;
  overflow-y: scroll;
  /*-ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;*/
       margin, padding:0 !important;
}


.nobreak {display:inline-block;}

.titles {font-family:'Herokid Nar'; font-size:28px; margin-bottom:35px;}

li {
  color: #000000;
  background: #fff682;
  /*scroll-snap-align: start;
  display: flex;
  flex-flow: column;*/
  justify-content: center;
   padding-top:30px ;
   font-size:15px !important; line-height:19px;
}

.column-R-bio a {text-decoration:none; color:#000; border-bottom:1px solid #000; font-family:'Artifex-Ital';}

.mobileno, .mobileno2 {display:auto;}

.ital {font-family:'Artifex-Ital';}

.copyr {font-family:'Univ'; font-size:9px; text-transform:uppercase; line-height:10px !important; display:inline-block;}

.column-L {width:40%; display:inline-block; float:left; text-align:right;}
.column-R {width:60%; display:inline-block; float:left;}

.internalpad {padding:40px;}
.internalpad-bio {padding:40px; }

.padleft {padding-left:30px;}

.column-L img {width:100%; max-width:350px;}

.column-L-bio {width:40%; display:inline-block; float:left; text-align:right;}
.column-L-bio img {width:100%; max-width:250px; }
.column-R-bio {width:60%; display:inline-block; float:left; }
.padleft-bio {padding-left:30px;}

.column-L-event {width:50%; display:inline-block; float:left; }
.column-L-event img {width:100%; max-width:250px !important;}
.column-R-event {width:50%; display:inline-block; float:left;}
.padleft-event {padding-left:30px;}

.bio-break {height:30px; border-bottom:1px solid #000; margin-bottom:30px;}

.small {font-family:"Univ"; font-size:14px; text-transform:uppercase; display:inline-block; margin-bottom:7px;}
.name {font-family:"Herokid Exp"; font-size:18px; text-transform:uppercase;}
.name2 {font-family:"Herokid Nar" !important; font-size:20px;}
.name3 {font-family:"Herokid Nar" !important; font-size:16px;}

.singevent {padding-bottom:30px; border-bottom:1px solid #000; margin-bottom:30px;}
.eventlast {border-bottom:none; padding-bottom:10px;}
.eventtrulast {border-bottom:none; padding-bottom:10px;}
.singevent a {text-decoration:none; font-family:'Herokid Exp'; color:#fff682; background:#000; padding:5px 8px 5px 8px;}

.anchormove {top:-20px; position:relative; display:block;}

.fade {display:auto;}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}

@media (max-width:980px) {
.mobileno {display:none;}
}

@media (max-width:707px) {
.mobileno2 {display:none;}
.padno707 {padding-left:0;}
}

@media (max-width:770px) {
.column-L, .column-R {float:none; width:100%; }
.column-L {}
.padleft {padding-left:0;}
.column-L, .column-L-bio {text-align:center; padding-bottom:30px;}
}

@media (max-width:580px) {
.column-L-event, .column-R-event {float:none; width:100%; }
.padleft-event {padding-left:0;}
.eventlast {padding-bottom:30px; border-bottom:1px solid #000; margin-bottom:30px;}
.eventtrulast {border-bottom:none; padding-bottom:0; margi-bottom:0;}
}


@media (max-width:550px) {
.column-L-bio, .column-R-bio {float:none; width:100%; }
.padleft-bio {padding-left:0;}
.column-L-bio img {max-width:100% !important;}
}

@media (max-width:497px) {
.internalpad {}
}

@media (max-width:440px) {
.introtitle {padding:20px 30px 20px 30px;}
}

@media (max-width:440px) {
.navbar a {padding-right:15px; }
}

@media (max-width:375px) {
.navbar a {padding-right:10px; font-size:10px;}
}