@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Marcellus');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Rock+Salt');
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html{
	font-size: 18px;
	margin: 0px;
	padding: 0px;	
	background-color:#03010f;
	overflow:auto;
	overflow-x:hidden!important;
	height:102%;
}

body {width:100%; 
	margin-left:auto; 
	margin-right:auto!important;
	font-size:18px;
	color:#fff;
	height:100%;
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	}
/* LAYOUT */
.wrapper-left {position:fixed; display:block; width:20%; left:0;}
.wrapper-right {position:relative; display:block; width:80%; margin-left:20%; margin-right:0; z-index:1;padding:.8rem}
/* secondary pages 
.wrapper-left-2 {position:relative; display:block; width:80%; margin-right:20%; margin-left:0; z-index:1;}
.wrapper-right-2 {position:fixed; display:block; width:25%; right:0;}*/



.grids{width:100%;clear:both;margin:0 0 0 -2.679%;list-style:none;}

[class^="grid-"]{
	float:left;
	margin:0 2.679% 0 0;
}
.grids [class^="grid-"]{
	margin:0 0 0 2.679%;
}

.grid-1{ width:3.571% }
.grid-2{ width:9.821% }
.grid-3{ width:16.071% }
.grid-4{ width:22.321% }
.grid-5{ width:28.571% }
.grid-6{ width:34.821% }
.grid-7{ width:41.071% }
.grid-8{ width:47.321% }
.grid-9{ width:53.571% }
.grid-10{ width:59.821% }
.grid-11{ width:66.071% }
.grid-12{ width:72.321% }
.grid-13{ width:78.571% }
.grid-14{ width:84.821% }
.grid-15{ width:91.071% }
.grid-16{ width:97.321%; margin:0; }

/* Recordings Page */
.grid-5w{ width:30%; }
/* Display Size Content Swap */
.lg-screen {display:block!important;}
.sm-screen {display:none!important;}

/* LG-SCREEN NAV */
nav {position:fixed;font-size:1.1em; font-family: 'Marcellus', serif; z-index:1000; right:0; top:0; background-color:rgba(217,172,93,1); width:102%; text-align:right;}
nav ul{list-style:none; margin:.2rem 1em 10px auto;}
nav li {position:relative; display:inline;background-color:rgba(217,172,93,0);}
nav a {color:#fff!important; text-decoration:none; padding:.4rem .6rem  .46rem .6rem;}
nav a:hover {color:#fff!important; background-color:#03010f; text-decoration:underline;}
.open {color:#03010f!important;background-color:#d9ac5d!important; cursor:text;text-decoration:none; font-weight:bold!important;}

/* HEADER */
header {position:fixed; display:block;width:79%; color:#fff; text-align:left; margin-left:20%;z-index:750; background-color:#000!important; border-bottom:1px solid #666;}
.accessibility{position:absolute;left:-99999px;}
header img {position:relative; display:block;width:494px; max-width:28%!important;top:2.4rem; left:0!important;}
.tag {font-family: 'Rock Salt', cursive; font-size:22px; padding:.6em 0!important; font-weight:100;letter-spacing:2px;color:#f6f6f8;line-height:1!important; margin-top:2em!important;}
header a {color:#fff!important; text-decoration:none!important;}
/* FOOTER */
footer {position:fixed; display:block; bottom:0; width:100%;margin:0; padding:0;background-color:#000; z-index:2; border-top:1px solid #666;}
footer p {bottom:0; font-size:.8rem; padding:.2rem; background-color:#000;text-align:right; margin-right:.2rem;}

/* HEADLINES */
h2 {font-family: 'Marcellus', Verdana, Geneva, sans-serif; font-weight:bold; font-size:2rem; line-height:1.2;}
h3 {font-family: 'Marcellus', Verdana, Geneva, sans-serif; font-weight:400; font-size:1.4rem;color:#f6f6f8; line-height:1.2;}
h4 {font-family: 'Marcellus', Verdana, Geneva, sans-serif; font-weight:400; font-size:1.2rem;color:#f6f6f8; line-height:1.2;}

/* BASIC ELEMENTS */
p {font-size:1rem; letter-spacing:1px; line-height:1.2; padding-top:.6rem; padding-bottom:.4rem; color:#f6f6f8; font-weight:normal;}
a {color:#8bd4fa!important; text-decoration:none;}
a:hover {color:#b0e1fa!important;text-decoration:underline;}
a:visited {color:#fff;text-decoration:none;}
small {font-size:.9em;}
strong {font-weight:bold;}
em {font-style:italic;}

/* POSITIONING */
.right-col {position:relative; display:block; float:left;width:29%; padding-right:0;}
.mid-column {position:relative; display:block; float:left;width:29%; padding-right:1rem;}
.left-col {position:relative; display:block; float:left;width:29%; padding-right:1rem; padding-left:.6rem;}
.wide-col {position:relative; display:block; float:left;width:59%; padding-right:0; padding-left:0; background-color:#c00;}
.clear {clear:both; height:1px;}
.top {padding-top:1rem;}
.right {padding-right:1rem;}
.bottom {padding-bottom:1rem;}
.left {padding-left:1rem;}
.cntr {text-align:center;}
/* Font Color */
.tan-text {color:#d9ac5d;}

/* SPECIFIED CONTENT HANDLING */
.portrait img {position:relative; display:block;max-width:98%; top:3rem;float:right!important;}
.portrait p {position:relative; display:block; font-size:1rem; margin-top:.6rem!important;float:right; font-weight:bold;padding-right:.4rem;}
.portrait-2 img {position:relative; display:block;max-width:74%!important; float:right!important; top:50px;}
.portrait-2 p {position:relative; display:block; font-size:1rem; margin-top:2rem!important;text-align:right; font-weight:bold;padding-right:.4rem;}
.intro {position:relative; display:block; top:7.8em!important; padding:1em!important;width: 100%; margin:0 auto; border-bottom:1px solid #666!important;}
.intro h2 {font-size:2rem;line-height:2;color:#d9ac5d;}
.intro p {font-size:1.2em;}
.intro .quote {font-family:Georgia, "Times New Roman", Times, serif; color:#d9ac5d; font-weight:bold;}
.home {margin-top:8rem!important;}
.bio {margin-top:8rem!important;}

.bio-image {position:relative; display:block; float:right; max-width:200px}
.bio-image-2 {position:relative; display:block; float:left; margin-right:1rem; margin-bottom:.6rem;max-width:50%;}
.bio-image-3 {position:relative; display:block; float:right; margin-left:1rem; margin-bottom:.6rem;max-width:30%};
.faq, .recordings {margin-top:8rem!important;}
.contact {margin-top:6rem!important;}

.info-links li {position:relative; display:block; height:40px; margin-bottom:8px; padding:0; float:none;}
.info-links li span {margin-left:6px; font-size:14px!important;}
.info-links li img {border:1px solid #fff; outline:2px solid #555;}
.LI {background-image:url(../logos/network-icons/sm-linkedin.jpg); background-repeat:no-repeat; background-size:cover;}
.LI:hover, .LI:focus {background-image:url(../logos/network-icons/sm-linkedin-h.jpg); background-repeat:no-repeat; background-size:cover;}
.IBDB {background-image:url(../logos/network-icons/sm-IBDB.jpg); background-repeat:no-repeat; background-size:cover;} 
.IBDB:hover, .IBDB:focus {background-image:url(../logos/network-icons/sm-IBDB-h.jpg); background-repeat:no-repeat; background-size:cover;}
.IMDb {background-image:url(../logos/network-icons/sm-IMDb.jpg); background-repeat:no-repeat; background-size:cover;} 
.IMDb:hover, .IMDb:focus {background-image:url(../logos/network-icons/sm-IMDb-h.jpg); background-repeat:no-repeat; background-size:cover;}
.PB {background-image:url(../logos/network-icons/sm-playbill.jpg); background-repeat:no-repeat; background-size:cover;} 
.PB:hover, .PB:focus {background-image:url(../logos/network-icons/sm-playbill-h.jpg); background-repeat:no-repeat; background-size:cover;}
.BW {background-image:url(../logos/network-icons/sm-broadway.jpg); background-repeat:no-repeat; background-size:cover;} 
.BW:hover, .BW:focus {background-image:url(../logos/network-icons/sm-broadway-h.jpg); background-repeat:no-repeat; background-size:cover;}
.T {background-image:url(../logos/network-icons/sm-twitter.jpg); background-repeat:no-repeat; background-size:cover;} 
.T:hover, .T:focus {background-image:url(../logos/network-icons/sm-twitter-h.jpg); background-repeat:no-repeat; background-size:cover;}


/* PRE ICON
.info-links {position:relative; display:block; font-size:1em; list-style:disc;padding-left:1em;}
.info-links li {padding:.4em 0;}
#info-links {position:relative; display:block;list-style:none;padding-left:0;}

#info-links li {height:34px; margin-bottom:2px!important;text-decoration:none!important;}
#info-links li img {position:relative; display:inline;float:left; max-width:30px; margin-left:2px; margin-right:6px; margin-top:1px; margin-bottom:0;}
#info-links li .li-txt {position:relative; display:inline; font-size:1em; top:8px!important; text-decoration:none!important;color:#fff}
*/

.content-format {position:relative; display:block;padding:.6em .4em; margin-bottom:.4em;}
.content-format h2 {color:#d9ac5d;}
.content-format p {position:relative; display:block;}


.news-img {position:relative; display:block; max-width:250px; float:right; margin-left:.8rem; margin-bottom:.4em; white-space:normal; border:1px solid #666;}
.news h3 {margin-top:.4rem!important;}
.credits {position:relative; display:block; margin-top:1.6rem;font-size:.75rem;text-align:right; margin-bottom:1.6em!important;}
.album-art {max-width:98%; margin-left:auto; margin-right:auto; border:2px solid #666; margin-top:.8rem; z-index:1!important;}
.album-art:hover {border-color:#b0e1fa!important;}

/* SAMPLES jplayer styles */
.audio-controls {position:relative; display:block; float:left;width:100%; padding-right:1rem; padding-left:.6rem;}
.play {position:relative; float:left; background-color:#666; border:none; padding:2px 4px;cursor:pointer!important;}
.prog {position:relative; display:block; margin-left:30px; background-color:#666;border:1px solid #999; width:92%;margin-bottom:4px;}
.play_bar {height:20px; background-color:#d9ac5d;}
.counters {width:98%; position:relative; display:inline; font-size:.8rem;}
.cur_time {position:relative; float:left; margin-left:1%;}
.dur_timer {position:relative; float:left; margin-left:84%;}
.audio-description {position:relative; display:block; float:left;width:98%; padding-right:0; padding-left:0;}
.audio-description p {font-size:16px; margin-top:0!important;}


/* SLIDER */
.flexslider {position: relative;zoom: 1; top:7.8em!important;width:100%; height:12rem; margin:0 auto; padding:.4rem; border-bottom:1px solid #666!important;}
.flex-caption  {position: absolute;width:94%; left:0; top:0; color:#d9ac5d; font-size: 1.8em; line-height: 1.2;padding:1em 2em; font-family:Georgia, "Times New Roman", Times, serif;font-weight:100!important; letter-spacing:1px;}
.grey-rule {position:relative; display:block; width:100%;height:1px;border-bottom:1px solid #666; clear:both!important;}
.tan-rule {position:relative; display:block; width:100%;height:1px;border-bottom:1px solid #d9ac5d; clear:both!important;}
.white-rule {position:relative; display:block; width:100%;height:1px;border-bottom:1px solid #fff; clear:both;}
.rt-align-txt {text-align:right;} 
.flex-emphasis {color:#f9d28f; font-weight:500!important; font-size:102%!important;}
.flex-credit {font-size:60%!important;}
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; margin: 0; height:100px;}
.flex-pauseplay span {text-transform: capitalize;}
/*--Clearfix for the .slides element--*/
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
/*--No JavaScript Fallback--*/
.no-js .slides > li:first-child {display: block;}
/*--FlexSlider Default Theme--*/
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}
/* Control Nav - NOT IN USE!!!!! */
.flex-control-nav {display:none!important;}

/* CONTACT FORM */
#form{position:relative;display:block; margin-top:2rem;margin-bottom:1rem;color:#555; background-color:#f6f6f8; padding:1rem!important; border-radius:2px; max-width:98%!important;}
#form p{font-size:20px;line-height:1.2;padding-top:.8rem; color:#555;letter-spacing:1px}
#form label{font-size:18px;line-height:1.2;margin-top:16px; font-family: font-family: 'Marcellus', Verdana, Geneva, sans-serif; font-weight:100;}
#form h3{line-height:1.2;margin-top:16px; font-family: 'Marcellus', Verdana, Geneva, sans-serif; serif; font-weight:100; color:#555}
.sect-line{border-top:1px #fff solid;padding-top:30px;color:#f6f6f8;font-size:1.2em}
.sect-end{padding-bottom:20px}
label{position:relative;display:block;padding:.6em 0}
input,select,textarea,button{font:16px Arial,Helvetica,sans-serif;vertical-align:middle;color:#555}
input.input-text,select,textarea{background:#fff;border:1px solid #ddd}
input.input-text,textarea{padding:2px}
select{padding:1px}
select option{padding-right:10px}
select.multiselect option{border-bottom:1px solid #ddd;padding:2px 5px}
select.multiselect option:last-child{border-bottom:0}
.form-content {position:relative; display:block; margin-left:5%;}
textarea{width:90%!important;overflow:auto;border:#877656 solid 1px}
input.radio{margin-right:3px}
input.checkbox{margin-right:3px}
input.qty{width:2.5em!important}
.checkbox{height:1.6em;width:1.6em!important}

.required{font-size:24px;color:#000;line-height:1;font-weight:bold}
::-webkit-input-placeholder{color:#999;font-size:20px!important}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999;font-size:20px!important}
input.placeholder_text,textarea.placeholder_text{color:#999;font-size:20px!important}
input.placeholder_text:hover,textarea.placeholder_text:hover{color:blue!important;font-size:20px!important}
input[type="name"]::-webkit-input-placeholder{color:#999!important}
input[type="name"]:-moz-placeholder{color:#999!important}
input[type="name"]::-moz-placeholder{color:#999!important}
input[type="name"]:-ms-input-placeholder{color:#999!important}
input[type="email"]::-webkit-input-placeholder{color:#999!important}
input[type="email"]:-moz-placeholder{color:#999!important}
input[type="email"]::-moz-placeholder{color:blue!important}
input[type="email"]:-ms-input-placeholder{color:#999!important}
input[type="phone"]::-webkit-input-placeholder{color:#999!important}
input[type="phone"]:-moz-placeholder{color:#999!important}
input[type="phone"]::-moz-placeholder{color:#999!important}
input[type="phone"]:-ms-input-placeholder{color:#999!important}
input[type="comments"]::-webkit-input-placeholder{color:#999!important}
input[type="comments"]:-moz-placeholder{color:#999!important}
input[type="comments"]::-moz-placeholder{color:#999!important}
input[type="comments"]:-ms-input-placeholder{color:#999!important}



/* ============================================ MOBIL ====================================================== */
/* device specifics: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
@media (min-width: 1367px) and (max-width:1440px){
	.lg-screen {display:block!important;} 
	.sm-screen {display:none!important;}
	.flexslider {position: relative;zoom: 1; top:7em!important;width: 100%; height:13em; margin:0 auto; padding: 0;}
	.flex-caption  {width:90%!important;padding:1em;}
	.intro {top:6.8em!important; padding:1em!important;width: 100%; margin:0 auto; border-bottom:1px solid #666!important;}
	/*.right-col {position:relative; display:block; float:left;width:29%; padding-right:0;}
	.mid-column {position:relative; display:block; float:left;width:29%; padding-right:1rem;}
	.left-col {position:relative; display:block; float:left;width:29%; padding-right:1rem; padding-left:.6rem;}
	.wide-col {position:relative; display:block; float:left;width:59%; padding-right:0; padding-left:0;}
	.audio-controls {position:relative; display:block; float:left;width:26%; padding-right:1rem; padding-left:.6rem;}*/
	.audio-description {padding-left:2em;}
	.hint:after, [data-hint]:after {width:380px!important;}

}
@media (min-width: 1261px) and (max-width: 1366px){
	.lg-screen {display:block!important;} 
	.sm-screen {display:none!important;}
	 nav ul{margin:.2rem 2em 10px auto;}
	 .portrait-2 img {max-width:100%!important; top:50px;}
	.flexslider {position: relative;zoom: 1; top:8em!important;width: 100%; height:11em; margin:0 auto; padding: 0;}
	.flex-caption  {font-size: 1.6em!important;width:92%!important;padding:0 .8em;}
	.portrait-2 img {max-width:84%!important;float:none!important; top:50px; left:40px;}
	.audio-description {padding-left:3em;}
	.hint:after, [data-hint]:after {width:340px!important;}
}

@media (min-width: 1025px) and (max-width: 1260px) {
	.lg-screen {display:block!important;} 
	.sm-screen {display:none!important;}
	 nav {right:1%!important;}
	 nav ul{margin:.2rem 2em 10px auto;}
	.flexslider {position: relative;zoom: 1; top:7em!important;width: 100%; height:10em; margin:0 auto; padding: 0;}
	.flex-caption  {font-size: 1.6em!important;}
	.portrait-2 img {max-width:84%!important; top:50px; left:40px;}
	.audio-description {padding-left:3em;}
	.hint:after, [data-hint]:after {width:320px; font-size: 16px!important;}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.lg-screen {display:block!important;} 
	.sm-screen {display:none!important;}
	.wrapper-right {padding-right:.8rem!important;}
	.wrapper-left {position:fixed; display:block; width:18%; left:0;}
	.portrait img {position:relative; display:block;max-width:100%; top:3rem; left:1em;float:right!important;}
	.portrait-2 img {position:relative; display:block;float:right!important;max-width:98%!important; top:50px;left:1em;}
     nav {right:1%!important;}
	.flexslider {top:6.2em!important;width: 100%; height:10.4em; margin:0 auto; padding: 0;}
	.flex-caption  {font-size: 1.4em!important; width:90%!important;}

	.intro {top:5.8em!important;}
	.intro h2 {font-size:1.6rem;}
	.bio-image {max-width:150px!important;}
	.audio-description {width:98%; clear:both!important;}
	/*.hint:after, [data-hint]:after {width:246px!important; font-size:16px!important;}
	.hint--right:before, .hint--right:after {bottom: -10%!important; }*/
	.news-img {position:relative; display:block; max-width:160px; float:right; margin-left:.4rem; white-space:normal;}
	.bio {margin-top:6rem!important;}
	.faq {margin-top:6rem!important;}
	.recordings {margin-top:7rem!important;}
}
/* ============================================== BEGIN BOTTOM NAV, Content Limitations ======================== */
@media (min-width: 426px) and (max-width: 768px) {
	.lg-screen {display:none!important;}
	.sm-screen {display:block!important;}
	body{-webkit-text-size-adjust:none;}
	.grids{margin:0!important;width:auto!important;}
	[class^="grid-"], .grids [class^="grid-"]{width:auto!important;float:none!important;margin:0!important;padding:4px!important;}
	.wrapper-right {width:98%!important; margin:70px auto 0 auto!important;}
	h2, h3, h4, h5, h6 {padding:8px 4px!important;}
	p, .intro p {font-size:18px;}
	.top {padding-top:2rem!important;}
	
	/* SM-SCREEN NAV */
	nav {position:fixed;font-size:18px; top:auto!important; right:auto!important; bottom:45px; padding:4px!important;background-color:rgba(217,172,93,1); width:100%; text-align:center;}
	nav ul{list-style:none; margin:6px auto;}
	nav li {position:relative; display:inline;background-color:rgba(217,172,93,0);}
	nav a {color:#fff!important; text-decoration:none; padding:.4rem .6rem .46rem .6rem;}
	nav a:hover {color:#fff!important; background-color:#03010f; text-decoration:underline;}
	nav .open {display:none!important;}

	header {position:fixed; display:block; top:0!important; left:0!important;width:100%!important; color:#fff; text-align:left; margin-left:0; z-index:750; background-color:#000!important; border-bottom:1px solid #666;}
	header img {position:relative; display:block;width:494px; max-width:38%!important;top:.2em; left:.2em!important; bottom:0!important;}
	.tag {font-family: 'Rock Salt', cursive; font-size:20px; font-weight:100;letter-spacing:1px;color:#f6f6f8;line-height:1!important;margin-top:.2em!important; padding-left:2px!important;}
	
	.flexslider {top:1.4em!important;width: 100%; height:14em; margin:0 auto; padding: 0;}
	.flex-caption  {padding:1em 2em; width:94%!important; font-size: 1.6em;}
	
	.intro {top:0!important;}
	.intro h2 {font-size:1.6rem;}
	.intro h3 {font-size:1.2em; line-height:1.2!important;}
	.bio-image {max-width:150px!important;}
	/*.audio-description {width:98%; clear:both!important;}
	.hint:after, [data-hint]:after {width:246px!important; font-size:16px!important;}
	.hint--right:before, .hint--right:after {left:5%!important;bottom: -70%; }*/
	.news-img {position:relative; display:block; max-width:240px; float:right; margin-left:1.4rem; white-space:normal;}
	.bio {margin-top:6rem!important;}
	.home {margin-top:8rem;}
	.faq {margin-top:6rem!important;}
	.recordings {margin-top:7rem!important;}
	/*.info-links li {position:relative; display:inline!important;margin-bottom:10px!important;padding:1rem 8rem 20px 0!important; float:left;}
	ul.info-links li:nth-child(4) {padding:.2rem 8rem 20px 0!important;}
	ul.info-links li:nth-child(5) {padding:.2rem 3.8rem 20px 0!important;}
	ul.info-links li:nth-child(6) {padding:.2rem 8rem 20px 0!important;}
	.info-links li span {margin-left:4px; margin-right:0; font-size:14px;}*/

	.credits {margin-bottom:4.6rem!important;}
	footer {margin-top:10px!important;}
	footer p {bottom:0; font-size:.8rem; padding:16px 0!important; text-align:center; margin-right:auto!important;}
}

@media (min-width: 376px) and (max-width: 425px) {
	.lg-screen {display:none!important;}
	.sm-screen {display:block!important;}
	body{-webkit-text-size-adjust:none;}
	.grids{margin:0 1em 0 auto!important;width:auto!important;}
	[class^="grid-"], .grids [class^="grid-"]{width:auto!important;float:none!important;margin:0!important;padding:4px!important;}
	.wrapper-right {width:98%!important; margin:70px auto 0 auto!important;}
	h2, h3, h4, h5, h6 {padding: 4px!important;}
	p {font-size:18px!important;}
	.top {padding-top:1rem!important;}
	.right-col {float:none!important;width:96%; padding:.6em auto;}
	.mid-column {float:none!important;width:96%; padding:.6em auto;}
	.left-col {float:none!important;width:96%; padding:.6em auto;}
	
	/* SM-SCREEN NAV */
	nav {position:fixed;font-size:18px; top:auto!important; right:auto!important; bottom:45px; padding:4px!important;background-color:rgba(217,172,93,1); width:100%; text-align:center;}
	nav ul{list-style:none; margin:6px auto;}
	nav li {position:relative; display:inline;background-color:rgba(217,172,93,0);}
	nav a {font-size:16px!important;color:#fff!important; text-decoration:none; padding:.4rem .3rem .46rem .3rem;}
	nav a:hover {color:#fff!important; background-color:#03010f; text-decoration:underline;}
	nav .open {display:none!important;}

	header {position:fixed; display:block; top:0!important; left:0!important;width:100%!important; color:#fff; text-align:left; margin-left:0; z-index:750; background-color:#000!important; border-bottom:1px solid #666;}
	header img {position:relative; display:block;width:494px; max-width:52%!important;top:.2em; left:.2em!important; bottom:0!important;}
	.tag {font-size:18px!important; font-weight:100;letter-spacing:1px;line-height:1.4!important;margin-top:.2em!important; padding-left:4px!important;}
	
	.flexslider {top:1.4em!important;width: 100%; height:18.6rem; margin:0 auto; padding: 0;}
	.flex-caption  {padding:1em; width:96%!important; font-size: 1.4rem!important;}
	
	.intro {top:.2em!important; padding:.4em!important;}
	.intro h2 {font-size:28px;}
	.intro h3 {font-size:.98em; line-height:1.1!important;}
	.intro p {font-size:22px!important; margin-top:0!important;}
	.bio-image {max-width:150px!important;}
	.bio-image-2 {position:relative; display:block; float:left; margin-right:.4rem; margin-bottom:.4rem;max-width:50%;}
	.bio-image-3 {position:relative; display:block; float:right; margin-left:.4rem; margin-bottom:.4rem;max-width:50%};
	.audio-description {width:98%; clear:both!important;}

	.news-img {position:relative; display:block; max-width:160px; float:right; margin-left:.4rem; white-space:normal;}
	.bio {margin-top:6rem!important;}
	.faq {margin-top:6rem!important;}
	.recordings {margin-top:7rem!important;}
	.hint:after, [data-hint]:after {width:300px; font-size:16px!important;}
	 .hint--right:after {left: 20%; bottom: 10%; }

	
	/*.info-links li {position:relative; display:inline!important;margin-bottom:10px!important;padding:.4rem 5rem 20px 0!important; float:left;}
	ul.info-links li:nth-child(4) {padding:.4rem 0 20px 1.2rem!important;}
	ul.info-links li:nth-child(5) {padding:.4rem 1.6rem 20px 0!important;}
	ul.info-links li:nth-child(6) {padding:.4rem 0 20px .6rem!important;}
	.info-links li span {margin-left:4px; margin-right:0; font-size:14px;}*/
	
	.credits {margin-bottom:4.6rem!important; font-size:12px!important;width:98%!important;}
	footer {margin-top:10px!important;}
	footer p {bottom:0; font-size:14px!important; padding:16px 0!important; text-align:center; margin-right:auto!important;}
}

@media (min-width: 321px) and (max-width: 375px) {
	.lg-screen {display:none!important;}
	.sm-screen {display:block!important;}
	body{-webkit-text-size-adjust:none;}
	.grids{margin:0 .8em 0 auto!important;width:auto!important;}
	[class^="grid-"], .grids [class^="grid-"]{width:auto!important;float:none!important;margin:0!important;}
	.wrapper-right {width:98%!important; margin:120px auto 0 auto!important;}
	.right-col {float:none!important;width:96%; padding:.6em auto;}
	.mid-column {float:none!important;width:96%; padding:.6em auto;}
	.left-col {float:none!important;width:96%; padding:.6em .2rem;}
	p {font-size:18px; padding:4px 2px;}
	h2, h3, h4, h5, h6 {padding:4px!important;}
	h2 {font-size:28px!important;}
	h3 {font-size:22px!important;}
	.top {padding-top:20px!important;}

	nav {position:fixed;font-size:13px; z-index:1000; top:auto!important; right:auto!important; bottom:30px; padding:4px!important;background-color:rgba(217,172,93,1); width:100%; text-align:center;}
	nav ul{list-style:none; margin:6px 0;}
	nav li {position:relative; display:inline;background-color:rgba(217,172,93,0);}
	nav a {color:#fff!important; text-decoration:none; padding:.4rem .3rem .46rem .3rem;}
	nav a:hover {color:#fff!important; background-color:#03010f; text-decoration:underline;}
	nav .open {display:none!important;}
	footer p {font-size:10px!important;padding:.5rem!important;}

	header {position:fixed; display:block; top:0!important; left:0!important;width:100%!important; color:#fff; text-align:left; margin-left:0; z-index:750; background-color:#000!important; border-bottom:1px solid #666;}
	header img {position:relative; display:block;width:494px; max-width:60%!important;top:4px; left:4px!important; bottom:0!important;}
	.tag {font-size:16px!important;font-weight:100;letter-spacing:1px;line-height:1.6!important;margin-top:0!important; padding-left:4px!important;}

	.flexslider {top:0!important;width: 100%; height:13em; margin:0 auto; padding: 0;}
	.flex-caption  {padding:.4em;width:98%!important; font-size: 1.2em;letter-spacing:1px;}

	.news-img {display:none!important;}
	.news h3 {margin-top:14px!important;}
	.intro {top:-30px!important; padding:0 .4em!important;}
	.intro h2 {font-size:1.2rem;}
	.intro h3 {font-size:.98em; line-height:1!important;}


	.bio {margin-top:1.4rem!important;}
	.bio-image, .bio-image-2, .bio-image-3 {display:none!important;}
	.faq {margin-top:6rem!important;}
	.recordings {margin-top:7rem!important;}
	.hint:after, [data-hint]:after {width:280px; font-size:16px!important;}
	.hint--right:after {left: 16%; bottom: 10%; }
	.audio-controls {width:98%; padding-right:1rem; padding-left:.6rem;}
	.audio-description {width:98%; clear:both!important;}
	.faq-right {float:left; margin-left:.6em; width:88%;}

	.credits {margin-bottom:4.6rem!important;}
}

@media (min-width: 150px) and (max-width: 320px) {
	.lg-screen {display:none!important;}
	.sm-screen {display:block!important;}
	body{-webkit-text-size-adjust:none;}
	.grids{margin:0!important;width:auto!important;max-width:98%;}
	[class^="grid-"], .grids [class^="grid-"]{width:auto!important;float:none!important;margin:0!important;}
	.wrapper-right {width:98%!important; margin:120px auto 0 auto!important;}
	.right-col {float:none!important;width:96%; padding:.6em .2em;}
	.mid-column {float:none!important;width:96%; padding:.6em auto;}
	.left-col {float:none!important;width:96%; padding:.6em .2rem;}
	p {font-size:18px; padding:4px 2px;}
	h2, h3, h4, h5, h6 {padding:4px!important;}
	h2 {font-size:28px!important;}
	h3 {font-size:22px!important;}
	.top {padding-top:20px!important;}

	nav {position:fixed;font-size:12px; z-index:1000; top:auto!important; right:auto!important; bottom:36px; padding:0!important;background-color:rgba(217,172,93,1); width:100%; text-align:center;}
	nav ul{list-style:none; margin:6px auto;}
	nav li {position:relative; display:inline;background-color:rgba(217,172,93,0);}
	nav a {color:#fff!important; text-decoration:none; padding:.4rem .2rem .46rem .2rem;}
	nav a:hover {color:#fff!important; background-color:#03010f; text-decoration:underline;}
	nav .open {display:none!important;}
	footer p {font-size:10px!important;padding:.5rem!important;}

	header {position:fixed; display:block; top:0!important; left:0!important;width:100%!important; color:#fff; text-align:left; margin-left:0; z-index:750; background-color:#000!important; border-bottom:1px solid #666;}
	header img {position:relative; display:block;width:494px; max-width:60%!important;top:4px; left:4px!important; bottom:0!important;}
	.tag {font-size:14px!important;font-weight:100;letter-spacing:1px;line-height:1.6!important;margin-top:0!important; padding-left:6px!important;}

	.flexslider {top:-.8em!important;width: 100%; height:15em; margin:0 auto; padding: 0;}
	.flex-caption  {padding:.4em;width:98%!important; font-size: 1.1em;letter-spacing:1px;}

	.news-img {display:none!important;}
	.news h3 {margin-top:14px!important;}
	.intro {top:-20px!important; padding:0 .4em!important;}
	.intro h2 {font-size:1.4rem!important;}
	.intro h3 {font-size:.98em; line-height:1!important;}


	.bio {margin-top:1.4rem!important;}
	.bio-image, .bio-image-2, .bio-image-3 {display:none!important;}
	.faq {margin-top:6rem!important;}
	.recordings {margin-top:7rem!important;}
	.hint:after, [data-hint]:after {width:240px; font-size:16px!important;}
	.hint--right:after {left: 10%; bottom: 10%; }

	.audio-controls {position:relative; display:block; float:left;width:100%; padding-right:1rem; padding-left:.6rem;}
	.play {position:relative; float:left; background-color:#666; border:none; padding:2px 4px;}
	.prog {position:relative; display:block; margin-left:30px; background-color:#666;border:1px solid #999; width:80%;}
	.cur_time {position:relative; float:left; margin-left:1%;}
	.dur_timer {position:relative; float:left; margin-left:66%;}
	.audio-description {position:relative; display:block; float:left;width:100%; top:0!important; padding-right:0; padding-left:0;}
	.audio-description p {font-size:16px; top:0!important;}

	.faq-right {float:left; margin-left:.6em; width:88%;}

	.credits {margin-bottom:4.6rem!important;}
	footer p {padding:16px 0!important; text-align:center; margin-right:auto!important;}
}