@charset "utf-8";


/* CHANGEABLE DESIGN ITEMS */

/* To change navigation links, see nav.js. */

:root {
	--footerHamburger: rgba(226, 44, 8, 1); /*footer, hambuger lines*/
	--back:#101013; /*e.g. background*/
	--sides:#101013; /*background of sides*/
	--aLinkHoverBack:rgba(226, 44, 8, 1); /*anchor background, hover*/
	--aLink:#c9c92f; /*anchor links*/
	--aLinkHover:#ffff6c; /*anchor links, hover*/
	--textColor:#ecece0; /*text*/
	--titleColor:#ecece0; /*page titles*/
	--highZeroRed:  rgba(226, 44, 8, 1);
}

.splash-left-bx {
	background-image:url("/2025_site/images/site_block_square.gif");
}

.splash_outer {
	background-image: url('/2025_site/images/hz_25_splash.png');
	/* Image for large splash image on front page. */
}

.splash-top {
	background-image: url("/2025_site/images/site_block.png");
}




body {
	background-color: /*#EC2125;*/ var(--sides);
	/* Background color of full page. Effects side bar. */
	color: var(--textColor);
	max-width: 1100px;

}

.content {
	background-color: var(--textColor); /*#000*/
}

.central_content {
	background-color: var(--back);
}

body a, body a:link, body a:visited {
	/*color: #000; /*#d23;*/
  color: var(--aLink);
	text-decoration: none;
}

body a:hover {
	color: var(--aLinkHover);
	/*background-color: #d11bc3;*/

}

.bio_bx a, .bio_bx a:link, .bio_bx a:visited {
	color: var(--aLink);
	/*background-color: #d11bc3;*/
}

.bio_bx a:hover {
	color: var(--aLinkHover);
	/*background-color: #d11bc3;*/
}

.central_text a, .central_text a:link, .central_text a:visited {
	/*color: #d23;*/
	color: var(--aLink);
}

.central_text a:hover {
	/*color: #f68;*/
	color: var(--aLinkHover);
	/*background-color: #d11bc3;*/
}


.color_div {
	background-color: var(--aLink);
	padding: 0 0;
	height:auto;
}



.footer {background: var(--footerHamburger);}

.w3-button{background-color:inherit!important; padding:8px !important;}
.w3-button:hover{background-color:var(--aLinkHoverBack)!important;}
.w3-lines{width: 35px; height: 4px; background-color:var(--footerHamburger); margin: 6px 0;}
.w3-sidebar{background-color:var(--back);}
.w3-bar-item{
	padding-top:0px!important;
	padding-bottom:6px!important; 
	padding-right:15px!important;
	padding-left:0px!important;
}



/* ------------------------------- (/
/* EVERYTHING ELSE */


body {
	font-size: 1em; /*62.5%;   /* Resets 1em to 10px */
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	margin: 0;
	box-sizing: border-box;
	position:relative;
}





.foot_text {
	font-size: 10px;
	float: right;
	margin-top: 0px;
	color:var(--textColor);
}

.left-img-fill {
	height: 800px;
	width: 400px;
	background-repeat: no-repeat;
	background-size: contain;
	float:left;

}


.patreon-img {
	background-image:url("/images/patreon-white.png");
	height: 20px; width: 80px;
	margin-top: 5px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-size: contain;
	float:right;
}

.twitter-img {
	background-image:url("/images/twitter-white.png");
	height: 30px; width: 30px;
	background-repeat: no-repeat;
	background-size: contain;
	float:right;
}

.facebook-img {
	background-image:url("/images/facebook-white.png");
	height: 30px; width: 35px;
	background-repeat: no-repeat;
	background-size: contain;
	float:right;
}

.youtube-img {
	background-image:url("/images/youtube-white.png");
	height: 30px; width: 46px;
	background-repeat: no-repeat;
	background-size: contain;
	float:right;
}

.twitch-img {
	background-image:url("/images/twitch-white.png");
	height: 30px; width: 30px;
	background-repeat: no-repeat;
	background-size: contain;
	float:right;
}

.instagram-img {
	background-image:url("/images/instagram-white.png");
	height: 30px; width: 35px;
	background-repeat: no-repeat;
	background-size: contain;
	float:right;
}

.bandcamp-img {
	background-image:url("/images/bandcamp-white.png");
	height: 30px; width: 33px;
	background-repeat: no-repeat;
	background-size: contain;
	float:right;
}

.font12 {
	font-size: 1.33em;
}

.musicians {
	font-size: .85em;
}

.mus_city {
	font-size: 1.33em;
	font-weight: 600;

}

.mus_city_xl {
	font-size: 1.33em;
	font-weight: 600;

}

.mus_date {
	font-size: 1em;
	font-weight: 200;
}

.pic_desc {
	font-size: 0.85em;
	font-weight: 400;
	float: left;
}

.pic_clear {
	clear: both;
}


.schedule {
	font-size: 0.85em;
	font-weight: 400;
	padding: 12px;
}

.left_pad_12 {
	padding-left: 12px;
	padding-right: 24px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #000;
}

.title {
	font-size: 1.5em;
	font-weight: 600;
}

.return {
	text-align:right;
	font-size: 1em;
	margin-bottom: 5px;
}

.s_text {
	font-size: 0.85em;
}

.m_text {
	font-size: 1em;
	font-weight: 400;
}

.l_text {
	font-size: 1.33em;
	font-weight: 200;
}

.xl_text {
	font-size: 1.5em;
	font-weight: 600;
}




.title {
	font-size: 1.33em;
	font-weight: 600;
}


.p_box {
	position: relative;
	margin-bottom: 20px;
}

.collapsible {
    /*background-image: url(images/titlebar.jpg);*/
	/*background-image: linear-gradient(to top right, #000000, #606060);*/
	/*padding-left: 5px; padding-right: 5px;*/
  color: var(--textColor);
  background-color: var(--footerHamburger);
  cursor: pointer;
  padding: 18px;
  max-width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 1.33em;
  width: 100%;
}
.collapsible_sm {
  cursor: pointer;
	width: 100%;
  border: none;
  outline: none;
	background-color: var(--footerHamburger);
	color: var(--aLink);
}

.collapsible_sm a:hover {
	background-color: var(--aLinkHoverBack);
	color: var(--footerHamburger);
}



.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
	text-align:left;
	background-color:var(--aLinkHoverBack);
}


.content_margin {
	margin: 0 18px;
	padding: 18px 0px;
	  background-color:var(--aLinkHoverBack);
  }



#titlebar {
	position: relative;
	margin-top: 0px;
	background-image: url('images/titlebar_2017documentation.jpg');
	background-size:contain;
	-webkit-background-size: contain;
	-mox-background-size: contain;
	-o-background-size: contain;
	background-repeat: no-repeat;
	padding-top: 27%;
	/*order-box;*/
}

#titlesquare {
	position: relative;
	margin-top: 0px;
	background-size:contain;
	-webkit-background-size: contain;
	-mox-background-size: contain;
	-o-background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 73%;
    box-sizing: border-box;
	/*width: 1006px
	height: 625px;*/
}

#splash-quote {
	position: absolute;
	top: 3%;
	left: 40%;
	margin-right: 8%;
	font-size: calc(5px + 1vw);
}

#declaration {
	font-size: calc(6px + 1vw);

}

.quoted {
	padding-left: 15px;
	padding-right: 15px;
}


.bio_city_blcok {
	width: 100%;
	display: block;
}

.bio_city {
	background-color:#202420;
	padding-left: 25px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	display: block;
	color:var(--textColor);
	text-align:left;
}

.bio_outer {
	float:left;
	margin-right: 20px;
	position:relative;
	display: block;
	max-width: 500px;
	height: auto;
	font-size: 1em;
	font-weight: 200;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.bio_bx {
	position:relative;
	clear: both;
	width: 100%;
	max-width: 500px;
}



.bio_img {
	float: left;
	width: 100%;
	max-width: 500px;
  height: auto;
}



.lastyear {
	position:relative;
}

.lastyearoverlay {
	position: absolute;
	bottom: 245px;
	left: 10px;
	font-size: 1em;

}



.columns {
	/*overflow: hidden;
	position:relative;
	box-sizing: border-box;*/
	display: flex;
	flex-wrap: wrap;
	margin-left: 30px;
	margin-right: 30px;
}

.column {
	/*position:relative;
	float:left;*/
	width: 200px;
	/*width: 23%;
	min-width: 120px;*/
	padding: 10px;
	/*font-size: calc(2.7px + 0.75vw);*/
	font-size: 1em;
	/*box-sizing: border-box;*/
}

.column-wide {
	width: 410px;
	padding: 10px;
	font-size: 1em;
}

.column-xwide {
	width: 620px;
	padding: 10px;
	font-size: 1em;
}

.column-center {
	width: 200px;
	padding: 10px;
	font-size: 0.85em;
	text-align: center;
}

squeeze {
	letter-spacing: -1px;
}

#text-outer {
	margin: auto;
	margin-top: 20px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 2%;
	border: solid 1px #000;
}

#text-inner {
	margin: 0px;
	border: dotted 1px #000;
	padding: 2%;
	text-align: center;
	vertical-align: bottom;
	font-size: 1vw;
}

#quotes {
	width: 500px;
	text-align: left;
	margin-left: 100px;
}

#quotes dl {
	font-weight: normal;
	display: inline;
	}

#quotes dt {
	font-style: italic;
	display: inline;
	}

#quotes dd {
	font-size: .85em;
	font-weight: bold;
	font-style: normal;
	padding-left: 0;
	padding-bottom: .8em;
	}


	.ical {

	position: relative; padding-bottom: 250px; height: 0; overflow: hidden;

	}

	.ical iframe {

	position: absolute; top:0; left: 0; width: 100%; height: 250px;

	}


.separate {
	width: 80%;
	height: 1px;
	color: #000;
	background-color: var(--textColor);
	border: 0;
	margin-top: 10px;
	margin-bottom: 20px;
}

.documentation_container {
	margin-left:auto;
	margin-right:auto;
	width: 264px;
	font-size: 1.2em;
	font-weight: bold;
}



.bold1 {
	font-size: 1.2em;
	font-weight: bold;
}

.bold2 {
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #568dca;
	}

.bold3 {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: #568dca;
}

.bold-only {
	font-weight: bold;
}

.artists {
	margin: auto;
	width: 250px;
	float: left;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;

}

.artists dl {
	font-weight: 1.1em;
	font-weight: bold;
	display: inline;
	}

.artists dt {
	font-size: .85em;
	font-weight: normal;
	display: inline;
	}

.artists dd {
	font-size: .85em;
	font-weight: normal;
	font-style: italic;
	padding-left: 0;
	padding-bottom: .5em;
	}

.breakit {
	clear: both;
}



.padtop5 {
	padding-top:5px;
	float:left;
}


/* Borrowed from w3schools responsive design. */

.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
	padding: 0px;
}

.header {
    background-color: #1a1a1a;
    color: #000000;
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color: #000000;
    color: var(--textColor);
    box-shadow: 0 1px 3px rgba(1,1,1,0.12), 0 1px 2px rgba(1,1,1,0.24);
	font-size: 1em;
	text-align:left;
}
.menu li:hover {
    background-color: #d23;
}
.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #000000;
    text-align: center;
    font-size: 1em;
    box-shadow: 0 1px 3px rgba(1,1,1,0.12), 0 1px 2px rgba(1,1,1,0.24);
}

.fix-top {
	/*position:fixed;*/
	position:fixed;
	top: 0;
}




/* Twitch Content */

.twitch .twitch-video {
  padding-top: 56.25%;
  position: relative;
  height: 0;
}

.twitch .twitch-video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.twitch .twitch-chat {
  height: 400px;
}

.twitch .twitch-chat iframe {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 850px) {
  .twitch {
    position: relative;
  }

  .twitch .twitch-video {
    width: 75%;
    padding-top: 42.1875%;
  }

  .twitch .twitch-chat {
    width: 25%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}




/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black; If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 160px;
  background-color: #c0b771;
  color: #000;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text - see examples below! */
	position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: 20px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.acton:after {content: "Sculpture by Mark Acton in Druid Hill Park, Baltimore."; font-size-adjust:0.4;}

.bottom {
	padding-right: 25px;
padding-top: 0px;
padding-bottom: 0px;
margin-top:0px;
width: 100%;
position:fixed;
bottom: 0;
}

.foot_img {
background-image:url("images/footer.png");
	background-size: contain;
	width: 478px;
	height: 100px;



}

.foot_mouseover {
	height:80px;
	width:100px;
	position: absolute;
	bottom: 0px;
	left: 50px;
	z-index:20;
}

.footer {
    color: var(--textColor);
		opacity: 1;
    text-align: right;
    font-size: 0.85em;
    padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top:0px;
	width: 100%;
	position:fixed;
	bottom: 0;
}

.year_list {
	float:left; padding-right:15px;
}

.recorded_list {
	float:left; padding-left:15px; width: 150px; height: 200px;
}

.offtextColor {
	background-color: #101010;
	width: 100%;
	background-size:contain; -webkit-background-size: contain; -mox-background-size: contain;
	-o-background-size: contain;
	box-sizing: border-box;
	display: inline-block;
	margin-bottom:0px;
}

.pink {
	background-color: #f0e2f0;
	width: 100%;
	background-size:contain; -webkit-background-size: contain; -mox-background-size: contain;
	-o-background-size: contain;
	box-sizing: border-box;
	display: inline-block;
	margin-bottom:0px;
}

.textColor {
	width: 100%;
	background-size:contain; -webkit-background-size: contain; -mox-background-size: contain;
	-o-background-size: contain;
	box-sizing: border-box;
	display: inline-block;
	margin-bottom:0px;
}

.musician_table {
	display: table;
	width: 100%;
	/*overflow: hidden;*/
	border-collapse: collapse;
}

/*.musician_column {
	color: #000000;
	
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-top: 15px;
	display:table-cell;
}	*/

.musician_list_column {color: var(--textColor); padding-left: 20px;
	padding-right: 10px; padding-bottom: 50px; padding-top: 15px; display:table-cell; height: 100%;
}

.musician_column {padding-left: 20px;
	padding-right: 10px; padding-bottom: 35px; padding-top: 15px;
}





.nopad {
	padding:0!important;
}


.declare_year {
	line-height: 1.5em;
	font-size: 1.25em;
	text-align: justify;
	text-justify: inter-word;
}


/*.hamburger_wrapper {position: fixed; display: block; float:right; z-index:1; background: rgba(40,40,40, 0); margin-left:0px; width:100%; height: 52px;}*/
/*.hamburger_compensate {display: block; height:52px; width:calc(100% - 67px); z-index:2; background-color:#1a1a1a; }*/
	.hamburger_always {display: block; float:right; z-index:30; background-color: rgba(40,40,40,0.5);}



/* For mobile phones: */
[class*="col-"] {
    width: 100%;
	box-sizing:border-box;
	padding: 15px;
	padding-bottom: 20px;
}

.splash_outer {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat:no-repeat;
	background-position: top center;
	position: relative;
	/*width: min(720px, 100%);
	/*max-width: 720px;
	max-height: 579px;*/
	height: 0;
	padding-top: calc(0.5 * 200%) /*81%*/ /*min(81%, 800px);*/
	/*padding-top:47%;*/
  /*overflow-y: scroll;*/
}





.twitch_stream {
	overflow: hidden;
	position: relative;
	width: 100%;
}



.splash-left-bx {
	width: 225px;
	overflow:hidden;
	margin-bottom: 10px;
	background-size: contain;
	background-repeat: no-repeat;
	}

.collapsible_title {
		background-color: var(--red); padding-top: 0px; padding-bottom: 0px; padding-left: 0px; margin-bottom: 0px; color:var(--titleColor); text-align:center; font-size: 1.25em;
	  }




/* WIDE SCREEN */
/*@media only screen and (min-width: 1100px) and (min-height: 581px) {*/
@media only screen and (min-width: 1075px) and (min-height: 581px) {
    /* For desktop: */
	.bio_outer {width: 46%;}
    .col-1 {width: 8.33%; display:table-cell;}
	.col-1a {width: 16%; display:table-cell;}
    .col-2 {width: 16.66%; box-sizing: border-box;  display:table-cell;}
	.col-2a {width: 23%; display:table-cell;}
    .col-3 {width: 25%; box-sizing: border-box;  display:table-cell; }
	.nav-back {background-image: url("images/site_block_decoration.png"); background-size: cover; background-repeat:no-repeat; padding-bottom: min(110vh, 550px);}
    .col-4 {width: 33.33%; display:table-cell;}
    .col-5 {width: 41.66%; max-width: 450px; display:table-cell;}
    .col-6 {width: 50%; box-sizing: border-box; display:table-cell;}
    .col-7 {width: 58.33%; display:table-cell;}
    .col-8 {width: 66.66%; display:table-cell;}
    .col-9 {width: 100%; display:table-cell; }
    .col-10 {width: 83.33%; display:table-cell;}
    .col-11 {width: 91.66%; display:table-cell;}
    .col-12 {width: 100%; display:table-cell;}
	[class*="col-"] {
		float: left;
		padding: 0px;
		max-width: 800px;
	}
	.col-fixed-menu {width:200px; background-color:#101010;
	text-align:center; /*min-width:200px;*/ display:table-cell;}
	.col-fixed-musicians {width:200px;}
	.col-mus {width:46%; margin-bottom: 25px; float:left}
	.col-double {width:50%; margin-bottom: 15px; float:left}
	.col-mus-page {width: 50%; height: 27em; margin-bottom: 20px;}
	iframe {width: 50vw; height: calc(50vw/1.77);}
	.hamburger_compensate {display: none;}
	.hamburger {display: none;}
	.hamburger_wrapper {position: fixed; display: none; float:right; z-index:1; background: rgba(240,240,240, 0); margin-left: calc(100% - 67px); width:67px; height: 52px;}
	.splash-left-bx {height: 225px;}
	.tallmenu {

		height: calc(100vh - 42px);
		padding-left: 5px;
		overflow:scroll;
		box-sizing: border-box;
		display: block; 
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none !important;  /* Firefox */
	}
	.tallmenu::-webkit-scrollbar{ 
		display:none;
		width: 0 !important;}
	.splashmenu {display: block; background-color: #101010; float:left; width: 180px;}

	.central_content {
		/*min-height: 450px;*/
		height: calc(100vh - 42px);
		overflow:scroll;
		-ms-overflow-style: 5px;  /* IE and Edge */
		display: block;
		box-sizing: border-box;
		overflow-y:scroll;
		overflow-x:hidden;
		}
		
	/* SCROLLBAR APPEARANCE */
	.central_content::-webkit-scrollbar {
		width: 12px;
		background: var(--back);
		border: 2px solid var(--aLinkHoverBack);
		scrollbar-color: var(--back) var(--aLink);
		/*display: none;*/
		/*overflow-y: hidden; /* Hide horizontal scrollbar */
		/*scrollbar-width: thin;*/
		/*scrollbar-color: var(--back) var(aLink);
		display:contents;
		overflow-y:scroll;*/
		}
	.central_content::-webkit-scrollbar-thumb {
		background: var(--aLink);
		border-radius: 1ex;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.75);
		border: 2px solid var(--aLinkHoverBack);
	}

	
	/*img.splash-left {
		max-width: 170px;
		max-height: auto;
		box-sizing: border-box;
		display: block;
		
		margin-bottom: 10px;
		}*/
		.central_text {
			padding: 15px;
			padding-right: 60px;
		}
	.splash-top {
		display: none;}
	img.small_media_splash {
		display: none;}
	.pad15 {margin-right: 0px;}
	.rmarg {margin-right: 0px;}
	.bio_img_bx {width: 100%;}
	.large_splash {position: relative; margin-top: 0px;
	background-size:contain; -webkit-background-size: contain; -mox-background-size: contain;
	-o-background-size: contain; background-repeat: no-repeat; padding-top: 45%; width: calc(100% - 120px); height: auto;
	box-sizing: border-box; z-index: 0; text-align: left; display:inline-block;}
	/*.page_title { background-image: linear-gradient(to top right, #000000, #606060); padding-top: 34px; padding-bottom: 34px; padding-left: 25px; margin-bottom: 25px; color:#fff; text-align:center; font-size: 1.75em; }*/
  .page_title { /*background-image: url(images/titlebar.jpg);*/ background-color: var(--footerHamburger); padding-top: 34px; padding-bottom: 34px; padding-left: 25px; margin-bottom: 25px; color:var(--titleColor); text-align:center; font-size: 1.75em;	}



}

/* MEDIUM WIDTH SCREEN */
/*@media only screen and (min-width: 481px) and (max-width: 1068px),(max-height: 580px)  {*/
@media only screen and (min-width: 481px) and (max-width: 1074px),(max-height: 580px)  {
    /* For tablets: */
	.bio_outer {width: 46%;}
	.col-s-0 {width: 0%; display:table-cell;}
    .col-s-1 {width: 8.33%; display:table-cell;}
    .col-s-2 {width: 16.66%; display:table-cell;}
    .col-s-3 {width: 25%; display:table-cell;}
    .col-s-4 {width: 33.33%; display:table-cell;}
    .col-s-5 {width: 41.66%; display:table-cell;}
    .col-s-6 {width: 50%; display:table-cell;}
    .col-s-7 {width: 58.33%; display:table-cell;}
    .col-s-8 {width: 66.66%; display:table-cell;}
    .col-s-9 {width: 75%; display:table-cell;}
    .col-s-10 {width: 83.33%; display:table-cell;}
    .col-s-11 {width: 91.66%; display:table-cell;}
    .col-s-12 {width: 100%; display:table-cell;}
	[class*="col-"] {
    float: left;
	padding: 0px;
	max-width: 100%;
	}
	.col-s-none {display:none;}
	.col-mus {width:46%;  margin-bottom: 60px;}
	.col-double {width:50%; margin-bottom: 10px;}
	.col-mus-page {width: 50%; height: 22em;}
	.col-fixed-menu {display: none; /*width:100%; background-color:#f3f3f3; text-align:center; min-width:200px; display:table-cell;*/}
	.central_text { padding: 30px; }
	iframe {width: 92vw; height: calc(92vw/1.77);}
	.hamburger_wrapper {position: fixed; display: block; float:right; z-index:1; background: rgba(240,240,240, 0); margin-left: calc(min(100% - 67px, 100%));width:67px; height: 52px;}
	.hamburger_compensate {display: block; height:52px; width:calc(100% - 67px); z-index:2; /*background-color:#ffffff;*/ }
	.hamburger {display: block; float:right; z-index:30;}
	.splash-left-bx {height: 0px!important;}
	.tallmenu {display: table-cell;}
	.splashmenu {display:none;}
	.splash-top {
		height: 52px;
		width: 292px;
		background-size: contain;
		background-repeat: no-repeat;
		display: block;
		/*box-sizing: border-box;
		text-align: center;
		position: fixed;*/
		z-index: 12;
		}
	.central_content {
		/*background-color: #1a1a1a;*/			/*min-height: 450px;*/
		/*background-color:#fff;*/
		height: calc(100vh - 94px);
	    overflow: scroll;
		-ms-overflow-style: 5px;  /* IE and Edge */
		/*scrollbar-width: thin;*/  /* Firefox */
		display: block;
		box-sizing: border-box;
		}
		.central_content::-webkit-scrollbar {
				display: none;
		}
	img.splash-left {
		display: none;}
	.small_media_container {
		float: right;
		max-width: calc(60%px);
		/*overflow: hidden;*/
	}
	.small_media_splash img {
		max-width: initial;
	}
	.pad15 {margin-right: 15px;}
	.rmarg {margin-right: 0px;}
	.bio_img_bx {max-width: 100%;}
	.large_splash {position: relative; margin-top: 0px; 
	background-size:contain; -webkit-background-size: contain; -mox-background-size: contain;
	-o-background-size: contain; background-repeat: no-repeat; padding-top: 52%; width: calc(100% - 67px);
	box-sizing: border-box; z-index: 0; text-align: left; display:inline-block;}
	/*.page_title {background-image: linear-gradient(to top right, #000000, #606060);  padding-top: 25px; padding-bottom: 25px; padding-left: 25px; margin-bottom: 25px; color:#fff; text-align:center; font-size: 1.5em;*/
	.page_title {/*background-image: linear-gradient(to top right, var(--aLink), var(--back));*/ background-color: var(--footerHamburger);  padding-top: 25px; padding-bottom: 25px; padding-left: 25px; margin-bottom: 25px; color:var(--titleColor); text-align:center; font-size: 1.5em;}

}




/* NARROW SCREEN */
@media only screen and (max-width: 480px), (max-height: 580px)  {
	.bio_outer {width: 100%;}
	.col-t-0 {width: 0%; display:table-cell;}
    .col-t-1 {width: 8.33%; display:table-cell;}
    .col-t-2 {width: 16.66%; display:table-cell;}
    .col-t-3 {width: 25%; display:table-cell;}
    .col-t-4 {width: 33.33%; display:table-cell;}
    .col-t-5 {width: 41.66%; display:table-cell;}
    .col-t-6 {width: 50%; display:table-cell;}
    .col-t-7 {width: 58.33%; display:table-cell;}
    .col-t-8 {width: 66.66%; display:table-cell;}
    .col-t-9 {width: 75%; display:table-cell;}
    .col-t-10 {width: 83.33%; display:table-cell;}
    .col-t-11 {width: 91.66%; display:table-cell;}
    .col-t-12 {width: 100%; display:table-cell;}
		.col-t-none {width: 0%; display:none;}
		.col-3 {display:none;}
		.col-s-none {display:none;}
	[class*="col-"] {
    float: left;
	padding: 0px;
	max-width: 100%;
	}
	.col-mus {width:80%; margin-bottom: 10px;}
	.col-double {width:100%; margin-bottom: 10px;}
	.col-mus-page {width: 100%;}
	.col-fixed-menu {display: none; /*width:100%; background-color:#f3f3f3; text-align:center; min-width:200px; display:table-cell;*/}
	.central_text { padding: 30px; };
	iframe {width: 92vw; height: calc(92vw/1.77);}
	.hamburger_wrapper {position: fixed; display: block; float:right; z-index:1; background: rgba(40,40,40, 0); margin-left: calc(min(100% - 67px, 734px)); width:67px; height: 52px;}
  .hamburger_compensate {display: block; height:52px; width:calc(100% - 67px); z-index:2; /*background-color:#ffffff;*/ }
	.hamburger {display: block; float:right; z-index:30;}
	.splash-left-bx {height: 0px!important;}
	.tallmenu {display: none;}
	.splashmenu {display:none;}
	.splash-top {
		width: 292px;
		height: 52px;
		background-size:contain;
		background-repeat: no-repeat;
		display:block;
		z-index: 12;
		/*box-sizing: border-box;
		text-align: center;
		position: fixed;*/
		}
	.splash-left {
		display: none;}
	.small_media_container {
		float: right;
		max-width: calc(60%px);
		/*overflow: hidden;*/
	}
	.central_content {
		/*background-color: #ffffff;*/			/*min-height: 450px;*/
		height: calc(100vh - 94px);
	    overflow: scroll;
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */
		display: block;
		box-sizing: border-box;
		}
		.central_content::-webkit-scrollbar {
				display: none;
		}

	.small_media_splash img {
		max-width: initial;
	}
	.pad15 {margin-right: 15px;}
	.rmarg {margin-right: 0px;}
	.bio_img_bx {max-width: 100%;}
	.bio_spacer {margin-top: 150px;}
	.large_splash {position: relative; margin-top: 0px;
	background-size:contain; -webkit-background-size: contain; -mox-background-size: contain;
	-o-background-size: contain; background-repeat: no-repeat; padding-top: 52%; width: calc(100% - 67px);
	box-sizing: border-box; z-index: 0; text-align: left; display:inline-block;
	}
	.page_title {/*background-image: url(images/titlebar.jpg);*/ background-color: var(--footerHamburger); padding-top: 25px; padding-bottom: 25px; padding-left: 25px; margin-bottom: 25px; color:var(--titleColor); text-align:center; font-size: 1.5em;}
	/*.page_title {background-image: linear-gradient(to top right, #000000, #606060); padding-top: 25px; padding-bottom: 25px; padding-left: 25px; margin-bottom: 25px; color:#fff; text-align:center; font-size: 1.25em; */

}