@charset "utf-8";
body {
	font-size: 62.5%;   /* Resets 1em to 10px */
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background-color: /*#EC2125;*/ #eee;
	color: #000;
	margin: 0;
	box-sizing: border-box;

}





body a, body a:link, body a:visited {
	color: #000; /*#d23;*/
	text-decoration: none;
}

body a:hover {
	color: #eee;

}

.bio_bx a, .bio_bx a:link, .bio_bx a:visited {
	color: #d23;
}

.bio_bx a:hover {
	color: #f68;
}

.central_text a, .central_text a:link, .central_text a:visited {
	color: #d23
}

.central_text a:hover {
	color: #f68
}

p.
{:both;}



.left-img-fill {
	background-image: url("images/hz_year21_bg.jpg");
	height: 800px;
	width: 400px;
	background-repeat: no-repeat;
	background-size: contain;
	float:left;

}




.twitter-img {
	background-image:url("../images/twitter-black.png");
	height: 30px; width: 35px;
	background-repeat: no-repeat;
	background-size: contain;
	float:right;
}

.facebook-img {
	background-image:url("../images/facebook-black.png");
	height: 30px; width: 35px;
	background-repeat: no-repeat;
	background-size: contain;
	float:right;
}

.youtube-img {
	background-image:url("../images/youtube-black.png");
	height: 30px; width: 46px;
	background-repeat: no-repeat;
	background-size: contain;
	float:right;
}

.twitch-img {
	background-image:url("../images/twitch-black.png");
	height: 30px; width: 30px;
	background-repeat: no-repeat;
	background-size: contain;
	float:right;
}

.instagram-img {
	background-image:url("../images/instagram-black.png");
	height: 30px; width: 35px;
	background-repeat: no-repeat;
	background-size: contain;
	float:right;
}

.font12 {
	font-size: 12px;
}

.musicians {
	font-size: 14px;
}

.mus_city {
	font-size: 16px;
	font-weight: 600;

}

.mus_city_xl {
	font-size: 20px;
	font-weight: 600;

}

.mus_date {
	font-size: 14px;
	font-weight: 200;
}

.pic_desc {
	font-size: 12px;
	font-weight: 400;
	float: left;
}

.pic_clear {
	clear: both;
}


.schedule {
	font-size: 12px;
	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: 20px;
	font-weight: 600;
}

.return {
	text-align:right;
	font-size: 10px;
	margin-bottom: 5px;
}

.s_text {
	font-size: 10px;
}

.m_text {
	font-size: 14px;
	font-weight: 400;
}

.l_text {
	font-size: 16px;
	font-weight: 200;
}

.xl_text {
	font-size: 20px;
	font-weight: 600;
}




.title {
	font-size: 20px;
	font-weight: 600;
}


.p_box {
	position: relative;
	margin-bottom: 20px;
}

.collapsible {
  background-image: linear-gradient(to top right, #000000, #606060);
	/*padding-left: 5px; padding-right: 5px;*/
  color: #f23;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
}
.collapsible_sm {
  color: #000;
  cursor: pointer;
	width: 100%;
  border: none;
  outline: none;
}

.active, .collapsible:hover {
  background-color: #d23;
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #fff; /*#000*/
	text-align:left;
}


#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-image: url('images/splash_2017.jpg');
	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:#202120;
	padding-left: 25px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	display: block;
	color:#ffffff;
	text-align:left;
}

.bio_outer {
	float:left;
	margin-right: 20px;
	position:relative;
	display: block;
	width: 300px;
	font-size: 13px;
	font-weight: 200;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.bio_bx {
	position:relative;
	clear: both;
	width: 100%;
	max-width: 300px;
}



.bio_img {
	float: left;
	max-width: 300px;
	height: auto;
}



.lastyear {
	position:relative;
}

.lastyearoverlay {
	position: absolute;
	bottom: 245px;
	left: 10px;
	font-size: 11px;

}



.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: 11px;
	/*box-sizing: border-box;*/
}

.column-wide {
	width: 410px;
	padding: 10px;
	font-size: 11px;
}

.column-xwide {
	width: 620px;
	padding: 10px;
	font-size: 11px;
}

.column-center {
	width: 200px;
	padding: 10px;
	font-size: 9px;
	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: .7em;
	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: #fff;
	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: 1.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: .9em;
	font-weight: normal;
	display: inline;
	}

.artists dd {
	font-size: .9em;
	font-weight: normal;
	font-style: italic;
	padding-left: 0;
	padding-bottom: .5em;
	}

.breakit {
	clear: both;
}

/* Borrowed from w3schools responsive design. */

.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
	padding: 0px;
	max-width: 800px;
}

.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: #ffffff;
    box-shadow: 0 1px 3px rgba(1,1,1,0.12), 0 1px 2px rgba(1,1,1,0.24);
	font-size: 13px;
	text-align:left;
}
.menu li:hover {
    background-color: #d23;
}
.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #000000;
    text-align: center;
    font-size: 14px;
    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 {
    background: rgba(239,239,239,0.8);
    color: #1a1a1a;
		opacity: 1;
    text-align: right;
    font-size: 8px;
    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;
}

.offwhite {
	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;
}

.white {
	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: #ffffff; padding-left: 20px;
	padding-right: 10px; padding-bottom: 50px; padding-top: 15px; display:table-cell; height: 100%;
}

.musician_column {color: #ffffff; padding-left: 20px;
	padding-right: 10px; padding-bottom: 35px; padding-top: 15px;
}





.nopad {
	padding:0!important;
}


.declare_year {
	line-height: 18px;
	font-size: 16px;
	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 {
		background-image: url('images/hz_year21_splash.png');
		-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(425/1056 * 200%) /*81%*/ /*min(81%, 800px);*/
		/*padding-top:47%;*/
	  /*overflow-y: scroll;*/
}



/*.splash_inner{
		overflow: hidden;
		position:relative;
		padding-top: 55.9%;
		width: 62.3%;
		margin-top: 10.7%;
		margin-bottom: 0%;
		left: 20%;
		height: 55.9%;

}*/

.twitch_stream {
	overflow: hidden;
	position: relative;
	width: 100%;
}

/* Working version for top of page in computer
.splash_inner {
		position:absolute;
		border: 0;
		left: 15%;
		top: 10.7%;
		right: 10%;
		bottom: 27%;
		width: 74%;
		height: 57%;
}
*/

/* WIDE SCREEN */
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .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;}
    .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%; box-sizing: border-box; display:table-cell;}
    .col-8 {width: 66.66%; display:table-cell;}
    .col-9 {width: 75%; 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;}
	.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-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;}
	.tallmenu {display: block; /**/}
	.splashmenu {display: block; background-color: #101010; float:left; width: 180px;}
	.splash-left-bx {
		width: 175px;
		height: 175px;
		overflow:hidden;
		background-image:url("images/site_block_square.png");
		margin-bottom: 10px;
		background-size: contain;
		background-repeat: no-repeat;
		}
	.central_content {
		background-color: #ffffff;
		/*min-height: 450px;*/
		height: calc(100vh - 42px);
		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 {
		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-image: url('images/hz_year21_splash.jpg');
	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-left: 5px; padding-right: 5px;*/ padding-top: 34px; padding-bottom: 34px; padding-left: 25px; margin-bottom: 25px; color:#fff; text-align:center; font-size: 1.75em;
	}




}

/* MEDIUM WIDTH SCREEN */
@media only screen and (min-width: 480px) and (max-width: 768px) {
    /* For tablets: */
	.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;}
	.col-s-none {display:none;}
	.col-mus {width:46%; height: 28em; margin-bottom: 60px;}
	.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(100% - 67px); 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;}
	.tallmenu {display: table-cell;}
	.splashmenu {display:none;}
	.splash-top {
		background-image: url("images/site_block.png");
		width: 292px;
		height: 52px;
		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-image: url('images/hz_year21_splash.jpg');
	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-left: 5px; padding-right: 5px;*/ padding-top: 25px; padding-bottom: 25px; padding-left: 25px; margin-bottom: 25px; color:#fff; text-align:center; font-size: 1.5em;
	}
}




/* NARROW SCREEN */
@media only screen and (max-width: 480px) {
    /* For tablets: */
	.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;}
	.col-mus {width:80%; 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(100% - 67px); 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;}
	.tallmenu {display: !none;}
	.splashmenu {display:none;}
	.splash-top {
		background-image: url("images/site_block.png");
		width: 292px;
		height: 52px;
		background-size: contain;
		background-repeat: no-repeat;
		display: block;
		/*box-sizing: border-box;
		text-align: center;
		position: fixed;*/
		z-index: 12;
		}
	.splash-left {
		display: none;}
	.small_media_container {
		float: right;
		max-width: calc(60%px);
		/*overflow: hidden;*/
	}
	.central_content {
		background-color: #ffffff; /*#1a1a1a;*/			/*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-image: url('images/hz_year21_splash.jpg');
	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-left: 5px; padding-right: 5px;*/ padding-top: 25px; padding-bottom: 25px; padding-left: 25px; margin-bottom: 25px; color:#fff; text-align:center; font-size: 1.25em;
	}
}
