@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 768px) {
	
	.awards {width:100%; display:flex; margin:0px auto 20px auto; position:relative;}
	.award-line{ overflow:hidden; white-space:nowrap; position:absolute; top:1%; height:105px;}
	.award-line .animated-award-bar img {width:123px; height:102px; margin:5px;}
	

.navbar-dark .navbar-nav .nav-link br{display:none;}
ul.brand {list-style-type:none; display:flex; width:fit-content; flex-direction:column; width:intrinsic; width:fit-content; align-content:flex-start; vertical-align:top; height:auto; margin-bottom:5px;}
	
	h2.header{
text-align:center;
	width:100%;
	font-size:3.2rem;
	margin-top:40px;
	line-height:1;
}
	.hoverdirect {display:none;}
	
	.sectional {background-size:cover; background-position: 100% 50%; min-height:30%; padding:0px;}
.sub-sectional {background-size:cover; background-position: 100% 50%; height:auto; padding: 60px 10px 60px 10px;}
	
	.brandstory {
    min-height: 100px;
   
}
	.boxed{width:100%;
	max-width: 1000px;
	margin-left:0px;}
	
	.article {
padding: 10px 5px 10px 5px;
max-width: 900px;
width: 100%;
background: rgba(0,0,0,0.89);
}
	
	.meow{margin-bottom:40px; font-size:3em;}
	
	.merch .brandbutton {
background-color: #ffffff!important;
margin: 14px 0px 10px 10%;
font-size: 1em;
right: 0;
position: relative;
}
	
	.merch-left {
min-height:200px;
}
	
	.stat-line {
font-size: 1.9em;
		width:100%; text-align:center;
}
	.logo-line .animated-logo-bar img {
width: 80px;
height: 80px;
margin: 5px;
}
	
.greeting{background:url("../img/rs-cellbg-006.png") #000000; background-size:50%; background-position:top left; background-repeat:no-repeat;}
#contact {background-image:url("../img/rs-cellbg-001.jpg");  }
.companybio {background-image:url("../img/rs-cellbg-002.jpg"); }
#top {padding-top: 420px;margin-top:-420px;}
#brand {padding-top: 420px;margin-top:-420px;}
#work{padding-top: 420px;margin-top:-420px;}
#jonathan{padding-top: 420px;margin-top:-420px;}
#contactus{padding-top: 420px;margin-top:-420px;}
	.anny{max-width:40px; width:40px; }
.special-text{font-size:1.6em; color:#ffffff; line-height:1; font-family: proxima-nova, sans-serif; text-shadow: 4px 4px 2px rgba(0,0,0,0.57);}
.st001{font-size:1.7em; font-weight:900; text-align:left;}
.st002{font-size:1.2em; font-weight:200; text-align:left;}
.st002a{font-size:2.1em; font-weight:200; text-align:left;}
.st003{font-size:1.7em; font-weight:900; text-align:right;}
.st004{font-size:1.3em; font-weight:200; text-align:right;}
.st005{font-size:2.9em; font-weight:900; text-align:right;}
.st006{font-size:2.9em; font-weight:200; text-align:right;}
.st007{font-size:2.7em; font-weight:900; text-align:right; line-height:1; }
.st008{font-size:2.9em; font-weight:200; text-align:right; padding-right:20px;  line-height:1;}
.st009{font-size:2.7em; font-weight:900; text-align:right; line-height:1;}
.st010{font-size:1.3em; font-weight:200; text-align:right;padding-right:40px;}

.st011{font-size:1.9em; font-weight:900; text-align:right;}
.st012{font-size:1.8em; font-weight:200; text-align:right;}
	.creative, .studio {width:intrinsic; width:fit-content; display:inline-block;}
	.award {text-align:left;}
.greeting {background-position:bottom left; padding-bottom:7.6rem;}
.marquee-text{font-size:1em; text-align:left;}

	/** CONTACT SECTION **/
	
.form{border-left:0px solid #ffffff;}
.formbox{ padding:5% 10% 5% 10%;}
.workbox{padding:2% 2% 2% 2%}
.workbox p {text-align:right;}
	
.mapheader{width:100%;}
.mapheadercontent{font-size:1rem; font-weight:100; text-align:center;}
.mapheadercontent strong {font-weight:900}
.amp{color:#FFC100;}
.ico {width:100%; max-width:75px; margin:4px;}
.ico img {width:100%;}
.mapbox {width:100%; display:flex; flex-direction: column;}
.mapnav{width:100%; display:flex; flex-direction: row; align-items:center; justify-content:center;}

.mapnav button{color: rgb(255, 193, 0); font-size:.7em; line-height:.9; font-family: proxima-nova, sans-serif; font-weight:900; text-align:center; padding:1px; margin:3px 1px 1px 1px; width:100%;}

	.deskmap {display:none!important;}
.mobmap{display:block;}	
ul.mapnav-nav{list-style-type:none; margin:3em auto; display:flex; flex-direction: row; align-items:center; justify-content:center;width:90%!important;margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px;}
	ul.mapnav-nav li {margin:0px 1% 0px 1%}
.ico {width:100%; margin:10px 0px -5px 0px; cursor: pointer;}
.ico img {width:100%;}
.ico:hover{transform:scale(105%)}
	
	.map{background-image:url("../img/world-map.png"); background-size:contain; width: 100%; position:relative; aspect-ratio: 3 / 2; background-repeat:no-repeat}
.mapoverlay{position:absolute; width:100%; height:100%; aspect-ratio: 3 / 2; background-size:contain; background-repeat:no-repeat}

	.timeline {width:100%; padding:10% 0% 20% 5%; margin:20px auto 80px auto;  position:relative; height:auto; background:#000000;}
		.yearline{width:2px; height:100%; background:#ffffff; position:absolute; z-index:5;margin:0px 0px 0px 0px; left:5%; top:0}
	
.year-block:nth-child(odd), .year-block:nth-child(even) {text-align:left; padding-left:70px; padding-right:0px; margin-left:0px; padding-right:0px;}
	
.year-block:nth-child(odd):after{content:''; display: inline-block; height:2px; width:40px; background-color:#ffffff; position:absolute; top:2.2em; left:0; }
.year-block:nth-child(even):after{content:''; display: inline-block; height:2px; width:40px; background-color:#ffffff; position:absolute; top:2.2em; left:0;}
	
	.year-block:nth-child(odd) .year, .year-block:nth-child(even) .year{position:relative; padding-left:3px;}
	
.year-block:nth-child(odd) .year:after{content:''; position:absolute; display: inline-block; height:30px; width:30px; border:2px solid #ffffff; border-radius:50%; top:.45em; left:-30px; right:0;}
.year-block:nth-child(even) .year:after{content:''; position:absolute; display: inline-block; height:30px; width:30px; border:2px solid #ffffff; border-radius:50%; top:.45em; left:-30px; right:0;}
	
.year-block:nth-child(odd) .entry, .year-block:nth-child(even) .entry { margin-left:-70px}
.year-block:nth-child(odd) .entry .event, .year-block:nth-child(even) .entry .event {padding:10px 0px 0px 70px;}
.year-block:nth-child(odd) .entry .event-detail, .year-block:nth-child(even) .entry .event-detail {padding:0px 0px 15px 70px;}	
	
	.year-block:nth-child(odd) .entry .event, .year-block:nth-child(even) .entry .event { padding:10px 40px 0px 0px;}

.year-block:nth-child(even) .entry .event-detail, .year-block:nth-child(odd) .entry .event-detail {padding:0px 0px 15px 40px;}
	
	.year-block:nth-child(odd) .entry, .year-block:nth-child(even) .entry {margin-right:0px; margin-left:0;}
	

	
	.year-block {width:95%; margin:10px 0px 10px 0px; position:relative;}
	
	
	.active-vhc, 
.active-elmer, 
.active-tggs,
.active-paddington, 
.active-sesame, 
.active-world,
.active-pooh {background-position: center center}
	
#kl-15 {margin-top:0px;}
#kl-16 {margin-top:0px;}
#kl-17 {margin-top:0px;}
#kl-18 {margin-top:0px;}
#kl-19 {margin-top:0px;}
#kl-20 {margin-top:0px;}
#kl-21 {margin-top:0px;}
#kl-22 {margin-top:0px;}
#kl-23 {margin-top:0px;}
#kl-24 {margin-top:0px;}
	
	/** JONATHAN SECTION **/
.companybio{display:flex; flex-direction:row; align-items:center; }
.jr-headshot{width:100%; position:relative; left:0;}
.jr-headshot img {width:100%;}
.jr-bio{width:100%; position:relative; right:0; padding:10% 5% 10% 5%;}
.companybio {background-image:url("../img/rs-cellbg-002.jpg"); background-position:bottom center; background-size:contain;}


/** ROCKSHOP SECTION **/
#rockshop{background-image:url("../img/rs-cellbg-005.jpg");min-height:30%; padding:5% 0 5% 0;}
.rslogo{ display:flex; align-content:center; vertial-align:middle; width:100%;}
.rslogo img{width:300px; margin:0px auto; }
.rstext img {width:100%;border-bottom: 3px solid #ffffff; margin-bottom:10px;}
.rstext{text-align:right;}

	
.show-art-mob{display:block; width:auto; margin-bottom:20px;}
	.show-art-mob img {width:100%;}
.show-art{display:none;}
	.show-description{width:100%; margin-left:0%}
	
	.brandbutton, .brandbutton.disabled, .brandbutton[disabled], .brandbutton.disabled:hover, .brandbutton[disabled]:hover, .brandbutton.disabled:focus, .brandbutton[disabled]:focus {
   font-size:.5em;
		margin:10px 10px 0px 50%;
}
	
	.gallery-link-bar {margin-top:20px; flex-wrap:wrap; }

.gallerybutton, .gallerybutton.disabled, .gallerybutton[disabled], .gallerybutton.disabled:hover, .gallerybutton[disabled]:hover, .gallerybutton.disabled:focus, .gallerybutton[disabled]:focus {
    
	font-size:.6em;
	
	
}
	
}

@media screen and (max-width: 448px) {
	
	.st001{font-size:1.2em; }
.st002{font-size:1em;}
.st002a{font-size:1.2em;}
.st003{font-size:1.2em;}
.st004{font-size:1.1em;}
.st005{font-size:1.5em;}
.st007{font-size:1.7em;}
.st008{font-size:1.7em;}
.st009{font-size:1.7em;}
.st010{font-size:1em; }
.st011{font-size:1.3em;}
.st012{font-size:1.2em;}
	
	.greeting {background-position:bottom left; padding-bottom:6rem;}
	
	.merch-right h2{font-size:32px;}
	.merch-right h3{font-size:18px;}
	
.marquee-text{font-size:.9em; text-align:left; margin-bottom:10px; line-height:1.1;}	
	
		.timeline {width:100%; padding:10% 0% 20% 5%; margin:20px auto 80px auto;  position:relative; height:auto; background:#000000;}
		.yearline{width:2px; height:100%; background:#ffffff; position:absolute; z-index:5;margin:0px 0px 0px 0px; left:5%; top:0}
	
.year-block:nth-child(odd), .year-block:nth-child(even) {text-align:left; padding-left:30px; margin-left:0px; padding-right:0px; width:100%;}
	
.year-block:nth-child(odd):after{content:''; display: inline-block; height:2px; width:10px; background-color:#ffffff; position:absolute; top:2.2em; left:0; }
.year-block:nth-child(even):after{content:''; display: inline-block; height:2px; width:10px; background-color:#ffffff; position:absolute; top:2.2em; left:0;}
	
	.year-block:nth-child(odd) .year, .year-block:nth-child(even) .year{position:relative; padding-left:3px;}
	
.year-block:nth-child(odd) .year:after{content:''; position:absolute; display: inline-block; height:20px; width:20px; border:2px solid #ffffff; border-radius:50%; top:.525em; left:-20px; right:0;}
.year-block:nth-child(even) .year:after{content:''; position:absolute; display: inline-block; height:20px; width:20px; border:2px solid #ffffff; border-radius:50%; top:.525em; left:-20px; right:0;}
	
.year-block:nth-child(odd) .entry, .year-block:nth-child(even) .entry { margin-left:-70px}
.year-block:nth-child(odd) .entry .event, .year-block:nth-child(even) .entry .event {padding:10px 0px 0px 70px;}

	
	.year-block:nth-child(odd) .entry .event, .year-block:nth-child(even) .entry .event { padding:10px 0px 0px 0px;}

.year-block:nth-child(even) .entry .event-detail, .year-block:nth-child(odd) .entry .event-detail {padding:0px 0px 15px 0px; font-size:.8rem; line-height:1.1rem;}
	
	.year-block:nth-child(odd) .entry, .year-block:nth-child(even) .entry {margin-right:0px; margin-left:0;}
	

	
	.year-block {width:95%; margin:10px 0px 10px 0px; position:relative;}
	
	.awards {width:100%; display:flex; margin:0px auto 20px auto; position:relative;}
	.award-line{ overflow:hidden; white-space:nowrap; position:absolute; top:1%; height:70px;}
	.award-line .animated-award-bar img {width:82px; height:68px; margin:5px;}
  
}