html, body {
			    height: 100%;
			    overflow-y: scroll !important;
				-webkit-overflow-scrolling: touch;
					}
						html {
						overflow-y: hidden;
						 background: #2f2e2e;
						}
						body {
			    overflow-y: scroll;
			     background: #2f2e2e;
			     color: #f6f6f6;
						}
		
		.no-js .top-bar {
		  display: none;
		}
		@media screen and (min-width: 40em) {
		  .no-js .top-bar {
		    display: block;
		  }
		  .no-js .title-bar {
		    display: none;
		  }
		  }
		  
		 .site {
			  display: flex;
			  min-height: 100vh;
			  flex-direction: column;
			  background: #2d2b2b; color: #f6f6f6;
			  background: url(../i/bg-music.jpg) no-repeat center center fixed;
			  background-size: cover;
			}
			.site-content {
			  flex: 1;
			}

@media screen and (max-width: 39.9375em) {
					#example-menu {position: fixed; top: 0;} 
					}			
			
		 .inside-strapline {font-family: 'Satisfy', sans-serif; font-size: 1em; line-height: 1em;}
		.internalnav {background: rgba(0, 0, 0, 0.51); font-family: "IBM Plex Sans Condensed", sans-serif;}
	    .selected {color: white; font-weight: bold;}
		.delineator {margin: 3em 0; height: 1px; background: #afafaf; background: -webkit-gradient(linear, 0 0, 100% 0, from(#101010), to(#101010), color-stop(50%, #c9c9c9));}
		.subtitle {font-family: 'Bitter', serif;}
		.supersubtitle {font-family: 'Bitter', serif; font-size: 1em;}
		.songtitle {font-family: 'Bitter', serif;}
		.marge {margin-bottom: 3em;}
		.copytext {font-family: 'Work Sans', sans-serif; }
		.photospacer {padding-bottom: 1em; }
		.topspacer {margin-top: 7em;}
		.midspacer {margin-top: 7em;}
		.sm-logo {font-size: 2em; font-family: 'Bowlby One', sans-serif; line-height: 1em; padding: .2em; text-align: left; position:absolute; top: 1px; left: 1px;}
		
	/* contact form*/
		label	{color: #f6f6f6;}	
		
		/* Custom styles for the menu */
			.title-bar {background: none; }
			.top-bar {background: none; z-index: 5;}
			.top-bar-right {background: none; }
			.top-bar-right ul {background: none; font-family: "IBM Plex Sans Condensed", sans-serif;}
			.menu {background: none;}
			#global-menu {background: none;}
			.button-so-white {color: orange; z-index: 1001;}
			
			.top-bar ul li a:link {color: #ffbb00; font-weight: bold; text-shadow: 1px 1px 1px black;}
			.top-bar ul li a:visited {color: #ffbb00; font-weight: bold; text-shadow: 1px 1px 1px black;}
			.top-bar ul li a:hover {color: #ffffff; cursor: pointer; font-weight: bold; text-shadow: 1px 1px 1px black;}
			.top-bar ul li a:active {color: #f3f3f3; text-decoration: none;font-weight: bold; text-shadow: 1px 1px 1px black;}
			
			a:link {color: #f4ab0c;}
			a:visited {color: #eee48b;}
			a:hover {color: #f4ab0c; cursor: pointer; }
			a:active {color: #f3f3f3; text-decoration: none;}
			
			footer a:link {color: #ffd781;}
			footer a:visited {color: #ffe5b2;}
			footer a:hover {color: #ffffff; cursor: pointer; }
			footer a:active {color: #f3f3f3; text-decoration: none;}
			
			.lowerfoot {background: #000000; opacity: 9; padding: 1em; font-size: .8em;} 
			

			
		/* Small only */
		@media screen and (max-width: 39.9375em) {
				ul.menuselects li {text-align: center;}
				.top-bar-right {background: black; position: absolute; top: 0; min-width: 100vw; min-height: 100vh; overflow-y: scroll; padding: 10px; margin-left: -10px; z-index: 100;}
				.top-bar-right ul {padding-top: 1.5em; font-size: 2.5em;}
				.title-bar {position: fixed; width: 100%; z-index: 1001;}
				.topspacer {margin-top: 10em;}
				.midspacer {margin-top: 5em;}
				.internalnav {font-family: "IBM Plex Sans Condensed", sans-serif; font-size: .9em;}

			}
				}
		
		/* Medium only */
				@media screen and (min-width: 40em) and (max-width: 63.9375em) {
				ul.menuselects li {text-align: center; display: block;}
				.top-bar-right {background: black; position: absolute; top: 0; min-width: 100vw; min-height: 100vh; overflow-y: scroll; padding: 10px; margin-left: -10px; z-index: 100;}
				.top-bar-right ul {padding-top: 1.5em; font-size: 2.5em;}
				.title-bar {position: fixed; width: 100%; z-index: 1001;}
				.topspacer {margin-top: 10em;}


			}



		
				

/* Small only */

			@media screen and (max-width: 39.9375em) {
				.logo {font-family: 'Bowlby One', sans-serif; font-size: 2.5em; line-height: 1em;}

				}

			
			/* Medium and up */
			@media screen and (min-width: 40em) {
				.logo {font-family: 'Bowlby One', sans-serif; font-size:8em; line-height: 1em;}
/* 						  .sm-logo {font-size: 2em; font-family: 'Bowlby One', sans-serif; line-height: 1em; padding: .2em; text-align: left; position:relative; top: 1px; left: 1px;} */
					
			}
			
			/* Medium only */
			@media screen and (min-width: 40em) and (max-width: 63.9375em) {
				
			}
			
			/* Large and up */
			@media screen and (min-width: 64em) {}
			
			/* Large only */
			@media screen and (min-width: 64em) and (max-width: 74.9375em) {}
			
			
		
		.sm-logo {
				  animation: pulse 60s infinite;
				 
				}
				
					@keyframes pulse {
					  0%, 100% {
					    color: #e2db06;
					  }
					  25% {
					 color: #ff9902;
					  }
					  50% {
					    color: #a7e4ff;
					  }
					  75% {
					    color: #f72a2a;
					  }
					}