html, body {
  margin: 0;
  padding: 0;
  color: #070606;
  height: 100%;
  overflow-x: hidden;
}
* {
	box-sizing: border-box;
}
.site {
	  display: flex;
	  min-height: 100vh;
	  flex-direction: column;
	  background: #000000; color: #f6f6f6;
/* 	  background: url(../i/backgroundimage.jpg) no-repeat center center fixed; */
	  background-size: cover;
	}
	
	.site-content {
	  flex: 1;
	}
	body {overflow-x: hidden;}


/* logo area */
 .responsive-text-logo {
  font-size: 9vw;
  font-family: 'Boldonse', serif;
  text-align: center;
  padding-top:0;
  padding-left: .1em;
  margin: 0;
  margin-top: 0;  /* Space between top and logo */
  margin-bottom: 0;  /* Space between top and logo */
/*   line-height: 0.70em; */
  letter-spacing: 0.33em;

  -moz-text-fill-color: rgba(255, 255, 255, 0.3);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.3);
  -moz-text-stroke-color: #000;
  -webkit-text-stroke-color: #000;
  -moz-text-stroke-width: 3px;
  -webkit-text-stroke-width: 3px;

  white-space: nowrap;
  overflow: visible;
  box-sizing: border-box;
}
.responsive-text-logo.music {font-size: 6.25vw;}
.responsive-text-logo.culture {font-size: 5.68vw;}
.responsive-text-logo.product {font-size: 5.45vw;}
.responsive-text-logo.screen {font-size: 5.8vw;}
.responsive-text-logo.lit {font-size: 5vw;}
.responsive-text-logo.xmas {font-size: 6.7vw;}
.responsive-text-logo.ssh {font-size: 3.7vw; -moz-text-stroke-width: 2px; -webkit-text-stroke-width: 2px;}
.responsive-text-logo.cstory {font-size: 10vw;}
.bordered {border: 1px solid #f10f0f;}

.cstorysub {font-size: 9vw;}
.cultureblue {-moz-text-fill-color: rgba(22, 162, 227, 0.5); -webkit-text-fill-color: rgba(22, 162, 227, 0.5); color: rgba(22, 162, 227, 0.5);}
.productblack {-moz-text-fill-color: rgba(12, 12, 12, 0.5); -webkit-text-fill-color: rgba(12, 12, 12, 0.5); color: rgba(12, 12, 12, 0.5);}
.screengreen {-moz-text-fill-color: rgba(22, 227, 45, 0.5); -webkit-text-fill-color: rgba(22, 227, 45, 0.5); color: rgba(22, 227, 45, 0.5);}
.musicorange {-moz-text-fill-color: rgba(255, 201, 4, 0.5); -webkit-text-fill-color: rgba(255, 201, 4, 0.5); color: rgba(255, 201, 4, 0.5);}
.litred {-moz-text-fill-color: rgba(182, 28, 28, 0.5); -webkit-text-fill-color: rgba(182, 28, 28, 0.5);}
.xmasgreen {-moz-text-fill-color: rgba(5, 255, 47, 0.66); -webkit-text-fill-color: rgba(5, 255, 47, 0.66); color: rgba(5, 255, 47, 0.66);}
.sshpink {-moz-text-fill-color: rgba(255, 5, 230, 0.5); -webkit-text-fill-color: rgba(255, 5, 230, 0.5); color: rgba(255, 5, 230, 0.5);}
.cstory {-moz-text-fill-color: rgba(255, 0, 0, 0.5); -webkit-text-fill-color: rgba(255, 0, 0, 0.5); color: rgba(255, 0, 0, 0.5);}
.cstorysub {-moz-text-fill-color: rgba(237, 167, 167, 0.5); -webkit-text-fill-color: rgba(237, 167, 167, 0.5); color: rgba(237, 167, 167, 0.5); line-height: normal; margin-top: -6vh;}

.fill-width-text {
  font-size: clamp(1rem, 99vw, 10rem); 
}
.right-arrow {
    display: inline-block;
    transform: rotate(0deg);
    font-size: 1em;
}
.right-arrow::after {
    content: "→";
}
.small-menu-demark {margin-left: 2em; font-weight: 700;}

/* home page title*/
.home-title {
	 font-size: 5.5vw; font-family: "Urbanist ", sans-serif; text-transform: uppercase; text-align: center;
	 line-height: .9em;
	 font-weight: 900;
    color: rgba(0, 0, 0, .6);
    text-stroke: 1px #fff;
    -webkit-text-stroke: 1px #fff;
}
.main-title {
	font-family: "Urbanist ", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
	font-size: 6rem;
	text-transform: uppercase;
    text-align: right;
     line-height: .9;
	 color: rgba(0, 0, 0, .5);
    text-stroke: 1px #fff;
    -webkit-text-stroke: 1px #fff;
    }


.titles-control {position: absolute; bottom: 10px; width: 100%; text-align: center;}
.home-subtitle {font-family: 'Inter', sans-serif; font-size: 1.3vw; color: #f9f9f9; text-shadow: 1px 0px 0px black;}
.main-subtitle {font-family: 'Inter', sans-serif; font-size: 2rem; color: #0c0c0c; text-shadow: 1px 0px 0px black; text-align: left; padding-bottom:1em;}
.textmate {width: 90%; background: black;}
.strapline{padding-left: 2em;}
.issnback {font-family: "Inter", sans-serif; font-size: .8rem; font-weight: lighter; color: #f6f3f3; background-color: #171717}

.section-title {
	 font-size: 3rem; font-family: "Urbanist", sans-serif; text-transform: uppercase; text-align: center; font-weight: 900;
	 line-height: 1em;
     -moz-text-fill-color: rgba(0, 0, 0, .5);
  -webkit-text-fill-color: rgba(0, 0, 0, .5);
     -moz-text-stroke-color: #fff;
  -webkit-text-stroke-color: #fff;
     -moz-text-stroke-width: 1px;  
  -webkit-text-stroke-width: 1px;
}



/* navigation */
	/* Custom styles for the menu */
			.title-bar {background: none; }
			.top-bar {background: none; z-index: 5;}
			.top-bar-left {background: none; }
			.top-bar-left ul {background: none; font-family: "Inter", sans-serif; padding-left: .5em;}
			.top-bar-right {background: none; }
			.top-bar-right ul {background: none; font-family: "Inter", sans-serif; padding-right: 1em;}
			.menu {background: none;}
			#global-menu {background: none;}
			.menu-button {color: orange; z-index: 10001; text-decoration: none; position: fixed; top: 12vh; right: 0; margin-right: 0em; font-weight: 100; background-color: #171717; padding-right: .6em; padding-left: .2em; -webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;}
			
			.top-bar ul li a:link {color: #ffebc1; text-shadow: 1px 1px 0px black;}
			.top-bar ul li a:visited {color: #f3f3f3; text-shadow: 1px 1px 0px black;}
			.top-bar ul li a:hover {color: #ffffff; text-shadow: 1px 1px 0px black; cursor: pointer; }
			.top-bar ul li a:active {color: #f3f3f3; text-shadow: 1px 1px 0px black; text-decoration: none;}
			
			a:link {color: #92160d;}
			a:visited {color: #92160d;}
			a:hover {color: #ba1509; cursor: pointer; }
			a:active {color: #92160d; text-decoration: none;}
			
			footer a:link {color: #92160d;}
			footer a:visited {color: #92160d;}
			footer a:hover {color: #ba1509;cursor: pointer; }
			footer a:active {color: #92160d; text-decoration: none;}
			
			.uptop a:link {color: #ffa300; font-weight: bold;}
			.uptop a:visited {color: #ffa300; font-weight: bold; }
			.uptop a:hover {color: #ffffff; cursor: pointer; font-weight: bold;}
			.uptop a:active {color: #ffa300; text-decoration: none; font-weight: bold;}
			.uptop {text-shadow: 1px 0px 0px black}
			
			.responsive-text-logo a:link { -moz-text-fill-color: rgba(255, 255, 255, 0.3);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.3);
		     -moz-text-stroke-color: #000;
		  -webkit-text-stroke-color: #000;}
		  .responsive-text-logo a:visited { -moz-text-fill-color: rgba(255, 255, 255, 0.3);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.3);
		     -moz-text-stroke-color: #000;
		  -webkit-text-stroke-color: #000;}
		  .responsive-text-logo a:hover { 
			  color: rgba(255, 174, 0, 0.7);
	-moz-text-fill-color: rgba(255, 174, 0, 0.7);
  -webkit-text-fill-color: rgba(255, 174, 0, 0.7);
		     -moz-text-stroke-color: #000;
		  -webkit-text-stroke-color: #000;}
		  .responsive-text-logo a:active { -moz-text-fill-color: rgba(255, 255, 255, 0.3);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.3);
		     -moz-text-stroke-color: #000;
		  -webkit-text-stroke-color: #000;}
			
			.newadspace {padding: .3em;}
			.newadspace h2 {font-family: 'Inter', sans-serif; font-size: 1.2rem;}
			.space-below {margin-bottom: 10em;}
			
			.lowerfoot {background: #000000; opacity: 9; padding: 1em; font-size: .8em;} 
			

section {
	border-bottom: 1px solid white;
	padding: 0rem;
	margin: 0;
	height: 100vh;
	scroll-snap-align: start;
	text-align: center;
	position: relative;
	scroll-padding: 0;
}
.section-six {
	position: relative;
	padding-top: 5vh;}

	.storyblock {font-family: 'Inter', sans-serif; font-size: 1.1rem; color: #131212; text-align: left; margin-top: .1em;}
	section.storyzone {margin-top: 2em;}
	.pullquote {
		background: rgba(255, 250, 250, 0.2);
		padding: .5rem; /* Increased padding for better readability */
		margin: 2rem 1rem;
		font-size: 1.75rem; /* Slightly larger for impact */
		border-radius: 5px;
		box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.1);
		
		/* Font Change */
		font-family: 'Urbanist', sans-serif;
		font-weight: 700;
		/* font-style: italic;  /* Italics often signal a quote better than Courier */ */
		line-height: 1.75;
		color: #131212;
	}
	.sidebar-box {
		background: rgba(255, 250, 250, 0.2);
		padding: .5rem; /* Increased padding for better readability */
		margin: 2rem 1rem;
		font-size: 1rem; /* Slightly larger for impact */
		border-radius: 5px;
		box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.1);
		
		/* Font Change */
		font-family: 'Urbanist', sans-serif;
		font-weight: 400;
		/* font-style: italic;  /* Italics often signal a quote better than Courier */ */
		line-height: 1.75;
		color: #131212;
	}
	.theregtitle {font-family: "urbanist", serif; font-size: 1.2rem; font-weight: 700;}
	.theregtext {font-family: "urbanist", serif; font-size: 1rem; line-height: 1.3em;}
	
	.pullquote-mc {background:rgba(255, 250, 250, 0.2);	padding: .2em; margin: .5em .2em; font-size: 2rem; border-radius: 5px; box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.1); font-family: 'Courier', sans-serif;}
	.wimquote {background:rgba(255, 250, 250, 0.2);	padding: .2em; margin: 5em .2em; font-size: 2rem; border-radius: 5px; box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.1); font-family: 'Courier', sans-serif;}
	.recentstory {background:rgba(255, 250, 250, 0.2); margin: 0; margin-bottom: 1.3em; padding: .2em; font-size: 1rem; border-radius: 5px; box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.1); font-family: 'Inter', sans-serif; text-align: left;}
	.recentstory h2 {font-family: "Urbanist", sans-serif; text-transform: uppercase; font-size: 1.3rem; text-align: left; line-height: normal; font-weight: 700;}
	.archivelinks .cell {border: 1px solid #0d0c0c; border-radius: 4px; padding: 1em;}
	.button-icon {font-size: 2rem;}
	.goforwidth {width:100%;}
	.media-object {background:rgba(255, 250, 250, 0.2);	padding: .2em; margin: 2em .1em; font-size: 1.2rem; border-radius: 5px; box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.1); font-family: 'Courier', sans-serif; text-align: left;}
	.bywhom {text-align: right; margin-bottom: 2em;}
	.boilerplate h3 {font-family: "Urbanist", sans-serif; text-transform: uppercase; font-size: 1.5rem; font-weight: 800;}
	.trending {text-align: left;}
	.charting {
		font-family: "Urbanist", sans-serif; 
		font-weight: 800;
		text-transform: uppercase;
		font-size: 1.1rem !important;
		line-height: 1.0 !important; /* 0.8 is too tight; 1.0 is flush */
		display: block;
		margin-bottom: 2px; /* This pulls the next line up without breaking the font */
	}
	
	.chartingdef {
		font-family: "Inter", sans-serif; 
		font-weight: 400;  
		font-size: 0.95rem !important;
		line-height: 1.2;
		display: block;
		margin-top: 0 !important;
		margin-bottom: 6px; /* This pulls the next line up without breaking the font */
	}
	.recentstory img {text-align: center;}
	.staff {text-align: left;}
	
	/* 1. Normalize the baseline for ALL lists in the staff section */
	.stafflist {
		font-size: .8rem; /* Increase this if the lists feel 'too small' */
		line-height: 1.6;
	}
	
	.stafflist a {
		color: #111;  !important; /* Or your preferred brand color */
		text-decoration: none;
		transition: color 0.2s;
	}
	
	/* 2. Fix the 'Historical' and 'Active' discrepancy */
	.recent-active a {
		font-weight: 700;
		font-size: 1.2rem; /* Slightly larger than the baseline */
	}
	
	/* 3. Promote Founders to their natural place at the top of the hierarchy */
	/* We target the last h3 and the text following it in that div */
	.stafflist h3:last-of-type + a, 
	.stafflist h3:last-of-type ~ a {
		font-weight: 900;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		font-size: 1.2rem;
	}
	.wimlist {font-family: "Inter", sans-serif; font-size: .8rem;}
	.about {font-family: "Inter", sans-serif; font-size: 1rem;}
	.universe {font-family: "Inter", sans-serif; font-size: 1rem; text-align: left;}
	.recents h2 {font-family: "Urbanist", sans-serif; text-transform: uppercase; font-size: 1.5rem; text-align: left; line-height: normal;}
	.disclaimer {font-family: "Urbanist", sans-serif; text-transform: uppercase; font-size: 2rem; padding: .5em; text-align: center; font-weight: 600;}
	.logoimage {margin-bottom: .5em;}
	.sidemen {font-family: "Inter", sans-serif; text-align: left; font-size: 1.2rem; min-height: 100vh; margin-top:0;}
	.space-below-me {margin-bottom: 5em;}
	.bofartist {font-family: 'Inter', sans-serif; font-size: .8rem; color: #131212; text-align: left; margin-top: .1em;}
	.pdr {padding-right: .2em;}

	.firstp::first-letter {color: #ffffff;
  float: left;
  font-size: 5.5rem;
  line-height: 80px;
  padding-top: 1.3rem;
  padding-right: .5rem;
  padding-left: 3px;
  text-shadow: 2px 2px 2px #ff8900;
  font-family: 'boldonse', sans-serif;
}
.firstpsuppli {color: #f91010;
  float: left;
  font-size: 8rem;
  line-height: 80px;
  padding-top: 1.5rem;
  padding-right: .5rem;
  padding-left: 3px;
  text-shadow: 2px 2px 2px white;
  font-family: 'Inter', sans-serif;}

.new-here-head h1 {font-family: "Inter", sans-serif; font-size: 5.5rem; font-weight: 700; color: #ffcc00; text-shadow: 1px 1px 1px #111111;}
.new-here-head p {font-family: "Inter", sans-serif; font-size: 1.1rem; color: #111111; text-align: left;}

.banner-rotator {
  position: relative;
  width: 100%;
  border-radius: 10px;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 33%;
  height: 0;
  overflow: hidden;
}

.banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  transition: opacity 1s ease-in-out;
}

.banner img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px; /* Add border-radius to the banners */
}

.banner:nth-child(1) {
  animation-name: fade-in-out-1;
}

.banner:nth-child(2) {
  animation-name: fade-in-out-2;
  animation-delay: 5s;
}

@keyframes fade-in-out-1 {
  0% { opacity: 0; }       /* Start transparent */
  20% { opacity: 1; }       /* Fade in over 2 seconds */
  50% { opacity: 1; }       /* Stay visible for 3 seconds */
  70% { opacity: 0; }       /* Fade out over 2 seconds */
  100% { opacity: 0; }      /* End transparent */
}

@keyframes fade-in-out-2 {
  0% { opacity: 0; }       /* Start transparent */
  20% { opacity: 1; }       /* Fade in over 2 seconds */
  50% { opacity: 1; }       /* Stay visible for 3 seconds */
  70% { opacity: 0; }       /* Fade out over 2 seconds */
  100% { opacity: 0; }      /* End transparent */
}

/* Universe version always overrides base rotator */
.banner-rotator.banner-rotator-universe {
  display: grid !important;   /* force grid instead of absolute positioning */
  height: auto !important;
  padding-bottom: 0 !important;
  line-height: 0;             /* kill image gap */
}

.banner-rotator.banner-rotator-universe .banner {
  position: relative !important;
  grid-area: 1 / 1;
  width: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}

.banner-rotator.banner-rotator-universe .banner img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* animations */
.banner-rotator-universe .banner:nth-child(1) {
  animation-name: fade-in-out-1;
}
.banner-rotator-universe .banner:nth-child(2) {
  animation-name: fade-in-out-2;
  animation-delay: 5s;
}

 .s-zone {background: rgba(12, 12, 12, 0.3);
	font-style: italic;
	color: #eee;
   /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); */
   }
   
   .recent-active a {
	   font-size: 1.2em;
   }
   /* THE MATERIAL SPINNER */
   .md-spin {
	   animation: md-spin 2s infinite linear;
	   display: inline-block;
	   vertical-align: middle;
	   margin-right: 8px;
	   font-size: 1.2rem; /* Adjust size to match your text */
   }
   
   @keyframes md-spin {
	   from {
		   transform: rotate(0deg);
	   }
	   to {
		   transform: rotate(360deg);
	   }
   }
   
   footer ul.menu.vertical li a {
	   padding: 0.4rem 0;
	   color: #000;
	   font-family: 'Urbanist', sans-serif;
	   font-size: 0.9rem;
	   transition: opacity 0.2s;
   }
   footer ul.menu.vertical li a:hover {
	   opacity: 0.6;
	   text-decoration: underline;
   }


	/* Small only */
		@media screen and (max-width: 39.9375em) {
				ul.menuselects li {text-align: center;}
				.top-bar {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;}
				
				 .responsive-text-logo {
		  font-size: 5vw;
		  font-family: 'Boldonse', serif;
		  text-align: center;
		  padding-left: .1em;
		  margin: 0;
		  margin-top: 1vh;  /* Space between top and logo */
		  margin-bottom: 0vh;  /* Space between top and logo */
		/*   line-height: 0.70em; */
		  letter-spacing: 0.2em;

	  -moz-text-fill-color: rgba(255, 255, 255, 0.3);
	  -webkit-text-fill-color: rgba(255, 255, 255, 0.3);
	  -moz-text-stroke-color: #000;
	  -webkit-text-stroke-color: #000;
	  -moz-text-stroke-width: 1px;
	  -webkit-text-stroke-width: 1px;

		  white-space: nowrap;
		  overflow: visible;
		  box-sizing: border-box;				
			}
			
			.responsive-text-logo.music {font-size: 7.1vw;}
			.responsive-text-logo.culture {font-size: 6.5vw;}
			.responsive-text-logo.product {font-size: 6.2vw;}
			.responsive-text-logo.screen {font-size: 6.5vw;}
			.responsive-text-logo.lit {font-size: 5.65vw;}
			.responsive-text-logo.xmas {font-size: 9.7vw;}
			.responsive-text-logo.ssh {font-size: 4.2vw;}
			.responsive-text-logo.cstory {font-size: 10vw;}
			.bordered {border: 1px solid #f10f0f;}


					.responsive-text-logo.xmas {font-size: 6vw;}
				.home-title {font-size: 12vw; font-family: "Urbanist", sans-serif; text-transform: uppercase; text-align: center;  line-height: 1em; -moz-text-stroke-width: 1px; -webkit-text-stroke-width: 1px; font-weight: 900;}
				.titles-control {position: absolute; bottom: 60px; width: 100%; text-align: center;}
				.smlnavbtn {}
				.home-subtitle {font-family: 'Inter', sans-serif; font-size: 4vw; color: #f9f9f9; text-shadow: 1px 0px 0px black;}
				.textmate {width: 90%; background: black;}
				.strapline {font-family: 'Inter', sans-serif; font-size: .7rem; padding-left: .3em;}
				.section-six {height: 100vh;  position: relative; padding-top: 12vh;}
				.main-title {font-size: 3rem; font-family: "Urbanist", sans-serif; text-transform: uppercase; text-align: left; font-weight: 900;
					 line-height: 1em;
				     -moz-text-fill-color: rgba(0, 0, 0, .5);
				  -webkit-text-fill-color: rgba(0, 0, 0, .5);
				     -moz-text-stroke-color: #fff;
				  -webkit-text-stroke-color: #fff;
				     -moz-text-stroke-width: .9px;  
				  -webkit-text-stroke-width: .9px;
					}
				.main-subtitle {font-family: 'Inter', sans-serif; font-size: 1.3rem; color: #0c0c0c; text-shadow: 1px 0px 0px black; text-align: left; padding-bottom:1em;}
				.storyzone {margin-top: 3em;}	
				.storyblock {font-family: 'Inter', sans-serif; font-size: 1.1rem; color: #131212; text-align: left;}
				.recentstory {margin-bottom: 1.3em; padding: .2em; font-size: .8rem; border-radius: 5px; box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.1); font-family: "Inter", sans-serif; text-align: left;}
				
				.pullquote {
					background: rgba(255, 250, 250, 0.2);
					padding: .5rem; /* Increased padding for better readability */
					margin: .5rem .5rem;
					font-size: 1.2rem; /* Slightly larger for impact */
					border-radius: 5px;
					box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.1);
					
					/* Font Change */
					font-family: 'Urbanist', sans-serif;
					font-weight: 400;
					font-style: italic; /* Italics often signal a quote better than Courier */
					line-height: 1.4;
					color: #131212;
				}
				
				.sidebar-box {
					background: rgba(255, 250, 250, 0.2);
					padding: .5rem; /* Increased padding for better readability */
					margin: .5rem .5rem;
					font-size: 1rem; /* Slightly larger for impact */
					border-radius: 5px;
					box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.1);
					
					/* Font Change */
					font-family: 'Urbanist', sans-serif;
					font-weight: 700;
					line-height: 1;
					color: #131212;
				}
				
				.media-object {background:rgba(255, 250, 250, 0.2);	padding: .2em; margin: 2em .1em; font-size: .9rem; border-radius: 5px; box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.1); font-family: 'Courier', sans-serif;}
				.bywhom {text-align: left; margin-bottom: 1em;}
				.trending {text-align: left}
				.hitslist li {font-family: "Urbanist", sans-serif;}
				.disclaimer {font-family: "Urbanist", sans-serif; text-transform: uppercase; font-size: 1.2rem; padding: .5em; text-align: center;}
				.space-below {margin-bottom: 3em;}
				.space-below-me {margin-bottom: 3em;}
				.bofartist {font-family: 'Inter', sans-serif; font-size: 1rem; color: #131212; text-align: left; margin-top: .1em;}
				.new-here-head h1 {font-family: "Inter", sans-serif; font-size: 2.5rem; font-weight: 700; color: #ffcc00; text-shadow: 1px 1px 1px #111111;}
				.new-here-head p {font-family: "Inter", sans-serif; font-size: 1rem; color: #111111; text-align: left;}
				.section-title {font-size: 2rem; font-family: "Urbanist", sans-serif; text-transform: uppercase; text-align: center; font-weight: 900; line-height: 1em;}
	}
			

		
		/* 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;}
					
/* 					.responsive-text-logo {font-size: 14.5vw; font-family: 'Chivo', serif; text-align: center; padding: 0; margin: 0; margin-bottom: .8vh; margin-top: .2em; line-height: 0.70em; */

					-moz-text-stroke-width: 1px;  
					-webkit-text-stroke-width: 1px;
					}

			}
			/* AT THE VERY BOTTOM OF THE FILE */
			html body .storyzone hr, 
			html body article hr, 
			html body hr {
				display: block !important;
				height: 3px !important; /* Changed to 3px as requested */
				background-color: #333333 !important;
				background: #333333 !important;
				border: none !important;
				border-style: none !important;
				outline: none !important;
				margin: 2.5rem 0 !important;
				opacity: 1 !important;
				visibility: visible !important;
				clear: both !important;
			}