.object-fit_contain { object-fit: contain }

	@font-face {
	    font-family: "BigHero";
	    src: url("../fonts/bighero.ttf");
	}

	@font-face {
	    font-family: "BigHeroNumbers";
	    src: url("../fonts/pulserifle.ttf");
	}

	.bighero-font {
		font-family: 'BigHero'; /*a name to be used later*/
	}


	.bighero-numbers-font {
		font-family: 'BigHeroNumbers'; /*a name to be used later*/
	}

	.spicy-rice-regular {
	  font-family: "Spicy Rice", serif;
	  font-weight: 400;
	  font-style: normal;
	}

	.east-sea-dokdo-regular {
	  font-family: "East Sea Dokdo", sans-serif;
	  font-weight: 400;
	  font-style: normal;
	}

	.rubik-vinyl-regular {
	  font-family: "Rubik Vinyl", system-ui;
	  font-weight: 400;
	  font-style: normal;
	}

	.fredericka-the-great-regular {
	  font-family: "Fredericka the Great", serif;
	  font-weight: 400;
	  font-style: normal;
	}

	.rubik-glitch-regular {
	  font-family: "Rubik Glitch", system-ui;
	  font-weight: 400;
	  font-style: normal;
	}

	.permanent-marker-regular {
	  font-family: "Permanent Marker", cursive;
	  font-weight: 400;
	  font-style: normal;
	}



	#WSTitle {

		margin-top: 2em;
		margin-bottom: 1em;

		text-shadow: 0px 2px 8px #222;

	}	


	#Upcoming {

		margin-top: 2em;
		margin-bottom: 1em;

		text-shadow: 0px 2px 8px #222;

		font-size: 16px;
   		font-size: 4vw;

	}	


	.number-10 {
		font-family: "BigHeroNumbers", system-ui;
		font-size: 10em;
		margin-top: .4em;
		margin-bottom: .4em;
		/*color: #E3E653;*/

	    -webkit-text-fill-color: #E3E653; 
	    -webkit-text-stroke-width: 5px;
	    -webkit-text-stroke-color: whitesmoke;

		text-shadow: 0px 10px 8px #222;
	}




	.question_mark {
		display: inline-block;
		font-size: 120%;
		
  		transform: rotate(10deg) translateX(-.05em) translateY(.05em);;


	}


	.workshop_part_n {
		font-size: 2em;
		margin-top: .4em;
		margin-bottom: .1em;
		/*color: #E3E653;*/
		font-weight: 600;

		color: whitesmoke;

	    /* -webkit-text-fill-color: whitesmoke; */

	}	

	.workshop_theme {
		font-size: 2.5em;
		margin-top: .1em;
		margin-bottom: .2em;
		/*color: #E3E653;*/
		line-height: 1.1em;

	    -webkit-text-fill-color: whitesmoke; 
	    font-family: "Permanent Marker", cursive;

	}	

	

	.workshop_theme_byob1 {
		font-size: 2em;
		margin-bottom: .0em;
		/*color: #E3E653;*/
		font-weight: 600;

		color: whitesmoke;

	    -webkit-text-fill-color: whitesmoke; 

	}	

	.workshop_theme_byob2 {
		font-size: 1.5em;
		margin-bottom: .1em;
		/*color: #E3E653;*/
		font-weight: 600;

		color: whitesmoke;

	    -webkit-text-fill-color: whitesmoke; 

	}		


	.workshop_year {
		font-size: 2em;
		margin-top: .4em;
		margin-bottom: .1em;
		/*color: #E3E653;*/
		font-weight: 600;

		color: whitesmoke;

	    /* -webkit-text-fill-color: whitesmoke; */
	}		


	/*Table*/

	hr {
	  border: none; /* Remove default border */
	  height: 2px; /* Set the thickness of the line */
	  background-color: #f3e860; /* Set the color of the line */
	  margin: 20px 0; /* Add some spacing above and below */
	}


	table td {
		padding-left: 1.0em;
		padding-right: 0.0em;
	}

	.sticky-header {
	  position: sticky;
	  top: 4em;
	  background-color: #DDD;
	  /*padding-left: 1.0em;
	  padding-right: 1.0em;*/
	  margin-bottom: -2.5em;
	  z-index: 99;
	}

/*
	.wrapper.style1 table tbody tr:first-child {
		background-color: transparent;
		font-weight: 700;
		line-height: 1.2em;
	}
*/
	.wrapper.style1 table tbody tr {
		background-color: #fff;
	}	

	.wrapper.style1 table tbody tr:nth-child(2n + 1) {
		background-color: transparent;

	}	

	.wrapper.style1 a {
	  color: #59879d;
	}



	.schedule .sched_zone {
		width: 13%;
		text-align: left;
		float:left;
		font-weight: 700;
		line-height: 1.2em;
		/*border-bottom: 6px solid #224e63;*/
		border-bottom: 8px solid #437086;
		color: black;
	}

	.schedule .sched_time {
		width: 13%;
		text-align: left;
		float:left;
		padding-top: 1em;
		padding-bottom: 0em;
		font-weight: 700;
		margin-top: 3em;
		background: white;
		border-top: 4px solid #437086;
	}

	.schedule .sched_time_2019 {
		min-width: 185px;
		/* text-align: center; */
		font-weight: 600;

		text-align: left;
		padding-left: 60px;

	}

	.schedule .sched_speaker_2019 { 
    	padding-right: 1.5em;
    	line-height: 1.4em;
	}	

	.schedule .local_time {
		border-color: #E3E653;
	}


	.schedule .sched_speaker { 
		padding-left: 1.0em;
		padding-right: 1.0em;
		color: #424242;
	}


	.youtube-container {
		position: relative;
		width: 100%;
		padding-bottom: 56.25%;
		height: 0;
	}

	.youtube-container iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}	




	#footer a {

		text-decoration: none;
		color: rgba(255, 255, 255, 0.75);
		font-size: 1.1em;


	}

	/*Show more*/
	/*div.text-container {
    margin: 0 auto;
    width: 75%;    
	}*/

	/*#banner .button.special {
		font-family: 'Permanent Marker', cursive;
		font-size: 48px;
	}*/

	.talk-title{
	    line-height: 1.5em;
	    font-weight: normal;
	    font-style: italic;
	    /*font-weight: 700;*/
	    color: #777;
	    margin-top: .7em;
		margin-bottom: .7em;
	}

	.text-content{
	    line-height: 1.3em;
	}

	.short-text {
	    overflow: hidden;
	    height: 0em;
	    text-align: left;
	    font-weight: normal;
	}

	.full-text{
		padding-top: 0.4em;
	    height: auto;
	    justify-content: left;
	}

	.show-more {
	    padding-top: 0.1em;
	    text-align: left;
	}

	.show-more-speaker-section {
	    padding-top: 0.1em;
	    text-align: center;
	}


	/*Bulleted lists*/
	ol {
	    counter-reset: foo;
	    display: table;

	}

	ol > li {
	    counter-increment: foo;
	    display: table-row;
	    padding-left: 3em;
	}

	ol > li::before {
	    content: counter(foo) ".\00a0\00a0";
	    display: table-cell; /* aha! */
	    text-align: right;
	}


	body.landing {
		background-color: #EEE;
	}


	body, input, select, textarea {
		font-family: Helvetica, sans-serif;
		/*font-size: 13pt;
		font-weight: 400;
		line-height: 2em;*/
	}

	p {
		margin: 0 0 1em 0;
	}


	h1, h2, h3, h4, h5, h6 {
		text-transform: none;
	}

	h1 {

		line-height: 1.4em;
	}

	h2 {

		font-weight: 500;
		line-height: 1.2em;
	}

	h3 {

		margin-bottom: .4em;
		font-weight: 500;
	}	


	ul.actions > li > * {
		width: 10%;
		/*margin: 0 !important;*/
	}

	ul{
		/*list-style-type: none;*/
		padding-left:1.5em;
		list-style-type: square;
	}

	ul li{
		padding-left:0;
	}


	#redbar {

		height: 1em;
		/*background-color: #d59f2c;*/

		background-color: #E3E653;
		

		position: relative;
		/*z-index: 0;*/


	}


	.anchor{
	  display: block;
	  height: 2em; /*same height as header*/
	  margin-top: -2em; /*same height as header*/
	  visibility: hidden;
	}

	.anchor2{
	  display: block;
	  height: 6em; /*same height as header*/
	  margin-top: -6em; /*same height as header*/
	  visibility: hidden;
	}


	#nav {

	background-color: #fff;
	color: #234e63;
	font-weight: 500;


	}


	.feature {

	/*padding: 2em 2em 2em 2em;*/
	margin-bottom: 3em;

	}


	.feature .image {
		
		
		display: inline-block;

		/*width: 260px;
		height: 260px;*/

		width: 30%;

		/*padding: .5em 0em 0em 0em;*/
		padding: 2em 2em 2em 2em;
		
	}

	.feature .image img {

		float: left;
		
		

		height:100%;
		width: 100%;
		/*width:100%;
		height:100%;*/
	}

	.feature .content {
		display: inline-block;
		clear: left;
		padding: 2em 2em 2em 0em;
		width: 69%;

		vertical-align: top;

		/*width: 70%;*/
	}








	table tbody tr {
		border-width: 0px;
	}




	.wrapper.style2 {
		/*background-color: #12213c;
		color: rgba(255, 255, 255, 0.75);*/

		/*background-color: #CEDBBB;
		color: rgba(0, 0, 0, 1.0);*/

		/*background-color: #1C5C76;
		color: rgba(255, 255, 255, 1.0);*/

		background-color: #224e63e0;
		color: rgba(255, 255, 255, 1.0);

		

		

		/*background-attachment: fixed;*/
		/*background: url("images/overlay.png"), url("../../images/bg/birmingham4.jpg") 0 0 / cover*/
		/*background-size: cover;*/
	}

	.wrapper.style2 a {
    	color: #f3e860;
	}

	.wrapper.style3 {
		background-color: #73bd9c;
		color: rgba(255, 255, 255, 1.0);
		/*background-attachment: fixed;*/
		/*background: url("../../images/bg/overlay.png"), url("../../images/bg/bg2.jpg") 0 0 / cover*/
		background-size: cover;

	}

	.wrapper.style3 table tbody tr:nth-child(2n + 1) {
    	background-color: rgba(255, 255, 255, 0.10);
	}

	.wrapper.style3 .feature {
	    background-color: rgba(0, 0, 0, 0.1);
	}	


	#footer {
		background-color: #12213c;
		color: rgba(255, 255, 255, 0.75);
	}



	#header {
		/*background: #07090c;*/
		background-position: center;
		/*color: rgba(255, 255, 255, 0.75);
		cursor: default;
		height: 3.25em;
		left: 0;
		line-height: 3.25em;
		position: fixed;
		text-align: right;
		top: 0;
		width: 100%;
		z-index: 10001;*/
		font-weight: 700;
		/*height: 70px;*/
	}





	#header > .bighero-font {
		font-family: 'BigHero', 'BigHeroNumbers'; /*a name to be used later*/
		display: inline-block;
		height: inherit;
		left: 1.25em;
		line-height: inherit;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		/*font-smooth: 10em;*/
	}


	#header a {
		/*-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;*/
		/*color: #fff;*/
		color: #666666;
		/*display: inline-block;
		margin-right: 1.25em;
		text-decoration: none;*/
	}	


	#header.alt {
		/*background-color: transparent;*/
		background-color: white;
		font-size: 1.25em;
		padding: 0em 2em;
		/*position: absolute;*/
		position: fixed;
	}	


	#fun-title .bighero-font
	{

		font-size: 3em;
		padding: .2em;
		margin-top: 0em;
		margin-bottom: 1em;
		line-height: .9em;
	}

	.stamp {
	  transform: rotate(-3deg);
		font-weight: 700;
		border: 0.25rem solid #E3E653;
		display: inline-block;
		text-transform: uppercase;
		border-radius: 1rem;
		-webkit-mask-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/8399/grunge.png');
	  -webkit-mask-size: 944px 604px;
	  /*mix-blend-mode: multiply;*/
	}

	#banner {

		padding: 8em 0 5em 0;
		background-color: #12213c;
		/*color: rgba(255, 255, 255, 0.50)*/
		color: #000000;
		background-attachment: fixed;


		background-position: -0px 40px;
  		
  		background: radial-gradient(
  			ellipse, 
  			rgba(0, 255, 243, 0.43),
  			rgba(0,0,0,0.0)), 
  		url("../../images/bg/bg10.jpg");



  		/*background: radial-gradient(
  			ellipse, 
  			rgba(0,0,255,0.7),
  			rgba(0,0,0,0.0)), 
  		url("../../images/bg/bg1.jpg");*/


		/*background-image: url("../../images/bg/overlay_70.png"), url("../../images/bg/bg1.jpg");
		background-position: -300px -250px;*/
		




		/*background-size: cover;
		/*text-align: center;*/
	}	

	#banner .button.special {
		background-color: #ff0000;
		box-shadow: none;
		color: #fff !important;
		
		min-width: 8em;

		font-size: 1.6em;
		line-height: 3.0em;
		font-weight: 500;

		border-style: solid;
		border-radius: 0.5em;
		border-color: #ef9825;
		border-width: 3px;

		position: relative;
		z-index: 99;
	}	

	#banner p {
		color: #fff;
		/*font-size: 1.5em;
		margin-bottom: 1.75em;*/
		text-transform: none;
	}	

	#banner strong, #banner b {
		color: #fff;
	}	

	#banner .bighero-font {
		/*color: #ef9825;*/
		color: whitesmoke;
		font-size: 4em;
		line-height: .85em;

		margin: 0 0 0.2em 0;
		padding: 0
	}

	#baymax {

		/*background-image: url("../../images/baymax.png");*/
		float: left; 
		position: absolute;
		top: 200px;
		/*margin: 0px 15px 15px 0px;*/
		height: 900px;

		/*z-index: 1;*/


	}


	.logo_container2 {
  		margin-top: 50px;
	}	

	.org_logos2 {
		/*width: 60%;*/
		width: 80%;
	}



	.org_logos2_graybg {
		width: 100%;
		background: #EEE;
		padding-top: 40px;
		padding-bottom: 40px;
	}	

	.youtube-recording-thumbs {
		width: 30%;
	}



	.logo_container {

		display: flex;
		flex-direction: row;
  		justify-content: space-between;
  		max-height:200px;

  		margin-top: 100px;
	}

	.org_logos {
		width: 25%;
		
	}

	

	.speaker_logo {
		height: 10em;
		max-width: 30em;
		margin:1em;
		background-color: ghostwhite;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 15px;
		padding-bottom: 15px;
		border: .3rem solid #E3E653;
		border-radius: 10px;
		border-color: #E3E653;
	}

	#speaker_bubble {
		max-width: 30%;
		height: 10em;
		display: inline-block;
		
	}	

	.speaker_robot {
		/*height: 25em;*/
		width: 18%;
		margin:0.5%;
		background-color: ghostwhite;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		border: .3rem solid #E3E653;
		border-radius: 10px;
		border-color: #E3E653;
	}

	/*	
	.speaker_face_grid { 
	  max-width: 1240px;
	  margin: 0 auto;
	  display: grid;
	  gap: 1rem;
	  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	}
	*/

	#speaker_face_flex_grid { 
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}			

	/*
	.speaker_info {
	  width: 100%;
	  height: auto;
	  padding-bottom: 1em;
	}
	*/

	.speaker_info_flex {
	  flex: 0 0 calc(30%);
	  margin: 10px;
	}

	.speaker_face {
		/*height: 25em;*/
		width: 65%;
  		margin: 1em;
		background-color: ghostwhite;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		border: .3rem solid #E3E653;
		border-radius: 50%;
		border-color: #E3E653;
	}	

	/*
	.speaker_logo:hover {	
		-webkit-transform: rotate(3deg) scale(1.05);
		transform: rotate(3deg) scale(1.05);
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
	}
	*/


	@media screen and (max-width: 1300px) {

		#baymax {

			/*background-image: url("../../images/baymax.png");*/
			top: 350px;
			height: 800px;
			margin: 0px 0px 0px -45px;


		}


		.logo_container2 {
	  		margin-top: 60px;
	  		margin-bottom: 30px;
		}	

		.org_logos2 {
			width: 100%;
			
		}

		.speaker_robot {
			width: 25%;
			margin: 1%;
		}

		/*
		.speaker_face {
			width: 25%;
			margin: 1%;
		}
		*/

	}


	@media screen and (max-width: 1280px) {



		#baymax {

			/*background-image: url("../../images/baymax.png");*/
			top: 450px;
			height: 600px;

		}

		.feature {
			margin-bottom: 4em;
		}

		.feature .content {

		}

		.wrapper {
			padding-left: 1em;
			padding-right: 1em;			
		}

		#banner {
    		padding: 11em 3em 9em 3em;
		}

		.logo_container2 {
	  		margin-top: 70px;
		}	

		.org_logos2 {
			/*width: 60%;*/
			width: 90%;
			
		}

		.speaker_info_flex {
		  flex: 0 0 calc(45%);
		  margin: 10px;
		}		

	}

	@media screen and (max-width: 1090px) {




	}


	@media screen and (max-width: 980px) {

		#baymax {

			/*background-image: url("../../images/baymax.png");*/
			top: 550px;
			height: 500px;


		}

		.feature.left, .feature.right {
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column; 
		}



	
		.feature .image {
			width: 100%;

			padding: 0em 0em 2em 0em;
		}

		.feature .image img {
			width: 100%;

			
		}

		.feature .content {
			
			width: 100%;
			padding: 0em 2em 2em 2em;

		}


		.sticky-header {
		  top: 44px;
		 }		


		.schedule .sched_zone {
			width: 25%;
			text-align: center;
			font-size: .8em;
			text-align: center;
			padding-left: 0em;
			padding-right: 0em;

		}

		.schedule .sched_time {
			width: 25%;
			text-align: center;
			padding-left: 0em;
			padding-right: 0em;

		}


	}



	@media screen and (max-width: 820px) {




	}






	@media screen and (max-width: 736px) {

		#baymax {

			/*background-image: url("../../images/baymax.png");*/
			top: 400px;
			height: 300px;
			display: none;

		}

		.wrapper {

			padding-top: 4em;
			padding-bottom: 3em;
		}

		.logo_container {
	  		margin-top: 30px;
	  		/*padding-left: 20px;
	  		padding-right: 20px;*/
		}
		.org_logos {
			/*width: 20%;*/
		}

		.speaker_logo {
			width: 80%;
		}

		.speaker_robot {
			width: 45%;
			margin: 2%;
		}

		/*
		.speaker_face {
			width: 60%;
			margin: 2%;
		}
		*/

		.speaker_info_flex {
		  flex: 0 0 calc(90%);
		  margin: 10px;
		}		

		.feature {
			margin-bottom: 2em;
		}

		.feature .content {

		}

		#banner p {
			line-height: 1.5em;
		}


	}	

	@media screen and (max-width: 600px) {

		#banner .bighero-font {
			font-size: 3.5em;
			margin: 0 0 -.0em 0;
			line-height: .85em;
		}			
	
	}	


	@media screen and (max-width: 540px) {





		.logo_container2 {
	  		margin-top: 60px;
	  		margin-bottom: 60px;
		}	

		.org_logos2 {
			width: 100%;
			
		}

		#fun-title .bighero-font
		{
			font-size: 2.5em;
			padding: .2em;
			margin-top: 0em;
			margin-bottom: 1em;
			line-height: .9em;
		}




	}





	@media screen and (max-width: 480px) {	


		.logo_container {
	  		margin-top: 0px;
	  		/*padding-left: 20px;
	  		padding-right: 20px;*/
		}
		.org_logos {
			/*width: 20%;*/
			
		}



		#header.alt {
			/*padding: 0.5em 1em;*/
			padding: 0.0em .8em;
		}


		#banner {
			padding: 5em 2em 3em 2em;
			/*background: url("images/overlay.png"), url("../../images/bg/birmingham4_narrow.jpg") 0 0 / cover ;*/

		}

		#fun-title .bighero-font
		{
			font-size: 2em;
			padding: .2em;
			margin-top: 0em;
			margin-bottom: 1em;
			line-height: .9em;
		}		

		.feature .content {
			
			padding: 0em 1em 1em 1em;

			
			/*text-align: justify;
    		text-justify: inter-word;*/

		}


	}	

	@media screen and (max-width: 390px) {




		#fun-title .bighero-font
		{
			font-size: 1.75em;
			padding: .2em;
			margin-top: 0em;
			margin-bottom: 1em;
			line-height: .9em;
		}

	}	

	@media screen and (max-width: 349px) {




	}