@font-face {
    font-family: 'bodoni_bk_btbook';
    src: url('fonts/bodoni_book_bt-webfont.woff') format('woff2'),
         url('fonts/bodoni_book_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bodoni_bk_btbook_italic';
    src: url('fonts/bodoni_book_italic_bt-webfont.woff') format('woff2'),
         url('fonts/bodoni_book_italic_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

::selection {
  background: #FFF; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #FFF; /* Gecko Browsers */
}

body,html {
	cursor:url(http://jerrypaper.guru/img/cursor.cur), default !important;
	cursor:url(http://jerrypaper.guru/img/cursor.cur) 8 1, default !important;
	text-align:center;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}


#pot-header {
    padding-right: 75px;
    left: -75px;
	position:absolute;
	top:0px;
	height:150px;
	width:100%;
	background-repeat: repeat-x;
	background-image:url('img/jerry-paper-small-pot.jpg');
}

#pot-footer {
    padding-right: 75px;
    left: -75px;
	position:absolute;
	bottom:0px;
	height:150px;
	width:100%;
	background-repeat: repeat-x;
	background-image:url('img/jerry-paper-small-pot.jpg');
}

#put-yer-stuff-here {
	background-color:white;
	white-space:nowrap;
    display: inline-block;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%,-50%,0);
 	transform: translate3d(-50%,-50%,0);
 	text-align:left;
}

#put-yer-stuff-here img {
	width:200px;
	height:auto;
	display:inline-block;
	z-index:1;
	position:relative;
	pointer-events:none;
}

#texty-stuff {
	position:relative;
	margin-left:-48px;
	vertical-align: top;
    display: inline-block;
}

h2 {
	cursor:url(http://jerrypaper.guru/img/cursor.cur), default !important;
	cursor:url(http://jerrypaper.guru/img/cursor.cur) 8 1, default !important;
	font-family: 'bodoni_bk_btbook';
	color:black;
	text-transform:uppercase;
	font-size:48px;
	letter-spacing:10px;
	margin-top:38px;
	margin-bottom:26px;
	width:420px;
}

h2 .solo-letter {
	display:inline-block;
	letter-spacing:5px;
}

h2 .solo-letter.selected {
	font-size:30px;
}

ul {
	list-style:none;
}

ul li {
	-webkit-transition: all 900ms;
	transition: all 900ms;
	pointer-events:auto;
}

ul li a {
	display:block;
	cursor:url(http://jerrypaper.guru/img/cursor.cur), default !important;
	cursor:url(http://jerrypaper.guru/img/cursor.cur) 8 1, default !important;
	font-family:'bodoni_bk_btbook_italic';
	color:black;
	text-decoration:none;
	font-size:32px;
	letter-spacing:5px;
	line-height:32px;
	padding:10px 0px;
}

ul li#first {
	margin-left:-25px;
}

ul li#first.hideme {
	margin-left:-170px;
	opacity:0;
	pointer-events:none;
}

ul li#second {
	margin-left:-12px;
}

ul li#second.hideme {
	margin-left:-120px;
	opacity:0;
	pointer-events:none;
}

ul li#third {
	margin-left:-11px;	
}

ul li#third.hideme {
	margin-left:-130px;
	opacity:0;
	pointer-events:none;
}

ul li#fourth {
	margin-left:-23px;
}

ul li#fourth.hideme {
	margin-left:-170px;
	opacity:0;
	pointer-events:none;
}

ul li#fifth {
	margin-left:-10px;
}

ul li#fifth.hideme {
	margin-left:-150px;
	opacity:0;
	pointer-events:none;
}

ul li#sixth {
	margin-left:-5px;
}

ul li#sixth.hideme {
	margin-left:-150px;
	opacity:0;
	pointer-events:none;
}

ul li#seventh {
   margin-left:-5px;
}

ul li#seventh.hideme {
   margin-left:-150px;
   opacity:0;
   pointer-events:none;
}


.solo-letter:hover {
	opacity:0.3;
}

#back-arrow {
	z-index:9;
	width:50px;
	opacity:1;
	-webkit-transition:all 700ms;
	transition:all 700ms;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	pointer-events:auto;
	position:absolute;
	top:100px;
	left:170px;
}

#back-arrow img{
	pointer-events:auto;
	width:50px;
	opacity:1;
	height:auto;
}

#back-arrow img:hover{
	opacity:0.3;
}

#back-arrow.hideme {
	opacity:0;
	-webkit-transform:translate3d(-150px,0,0);
	transform:translate3d(-150px,0,0);
	pointer-events:none;
}


#shows-content {
	position: absolute;
    top: 100px;
    right: 50px;
    width: 300px;
    height:350px;
    -webkit-transition:all 700ms;
    transition:all 700ms;
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    pointer-events:auto;
    overflow-y:scroll;
}

#shows-content.hideme {
	right:180px;
    -webkit-transform:translate3d(-50px,0,0);
    transform:translate3d(-50px,0,0);
	opacity:0;
	pointer-events:none;
	visibility:hidden;
}

#shows-content.gone {
	display:none;
}

#contact-content {
    background:white;
	text-align:right;
	position: absolute;
    top: 97px;
    right: 50px;
    width: 300px;
    height:350px;
    -webkit-transition:all 700ms;
    transition:all 700ms;
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    pointer-events:auto;
}


#contact-content.hideme {
	right:180px;
    -webkit-transform:translate3d(-50px,0,0);
    transform:translate3d(-50px,0,0);
	opacity:0;
	pointer-events:none;
	visibility:hidden;
}

#contact-content.gone {
	display:none;
/*	transition:display 0 700ms;*/
}

#mc_embed_signup {
    background:white;
}


#mc_embed_signup .button {
    background-color: black !important;
    border: none !important;
    border-radius: 0px !important;
    color: #FFF !important;
    float:right;
    text-transform:uppercase;
    padding: 3px 30px;
    height: auto;
    margin-right: -3px;
 }

 #mc_embed_signup .button:hover {
 	opacity:0.5;
 }

 #mc_embed_signup .button:active{
 	opacity:0.7;
 }

 #mc_embed_signup .button:focus {
 	outline:0;
 }

 #mc_embed_signup .mc-field-group {
 	min-height:35px !important;
 	float:right;
 }

#contact-content .fa{
	color:black;
	font-weight:100;
	font-family:'Font Awesome\ 5 Brands';
	font-size:35px;
	opacity:1;
	letter-spacing:20px;
}

#contact-content .fa:hover {
	opacity:0.3;
}


#contact-content a {
	font-family: 'bodoni_bk_btbook';
	color:black;
	text-transform:uppercase;
	opacity:1;
}

#contact-content a:hover {
	opacity:0.3;
}

#contact-social {
	margin-bottom:23px;
}

#contact-content h3 {
	margin-bottom:0px;
	margin-top:50px;
}

#contact-emails {

}

#campaign-zero-widget {
   opacity:1;
   pointer-events:all;
    -webkit-transition:all 700ms;
    transition:all 700ms;
    position:absolute !important;
}

#campaign-zero-widget {
   max-width: 310px !important;
   top: 50% !important;
   -webkit-transform: translate(0%,-40%) !important;
   transform: translate(0%,-40%) !important;
   min-height: 275px !important;
   left:50%;
}

#campaign-zero-widget.hideme {
   pointer-events:none;
   opacity: 0;
   -webkit-transform: translate(-10%,-40%) !important;
   transform: translate(-10%,-40%) !important;
}

#campaign-zero-widget p.intro {
   font-size:1.4rem !important;
}

#campaign-zero-widget button {
   font-size:0.75rem !important;
}

@media (max-width: 700px) {

   #campaign-zero-widget {
      z-index: 9;
      margin-top: 40px !important;
      -webkit-transform: translate(-50%,-40%) !important;
      transform: translate(-50%,-40%) !important;
   }

   #campaign-zero-widget.hideme {
      -webkit-transform: translate(-50%,-40%) !important;
      transform: translate(-50%,-40%) !important;
   }

}

@media (max-width: 600px) {
   ul li a {
      letter-spacing:1px !important;
   }
}

@media (max-width: 450px) {
   ul li a {
      font-size:15px;
      letter-spacing:0px !important;
   }
}

@media (max-width: 1200px), (max-height: 800px) {
	#put-yer-stuff-here img {
		width:130px;
	}	

	h2 {
		width:auto;
		font-size:30px;
		margin-bottom:0px;
		margin-top:20px;
	}

	ul li a {
		font-size:18px;
		line-height:17px;
	}

	#texty-stuff {
		margin-left:-32px;
	}

	#shows-content {
		height:200px;
		right:99px;
		right:-80px;
	}

	#back-arrow {
		top: 60px;
    	left: 110px;
	}

	#back-arrow img {
		width:40px;
	}

	#contact-content {
		top:53px;
		font-size: 14px;
		line-height:10px;
		right:-70px;
	}

	#contact-content h3 {
		font-size:14px;
		margin-top:30px;
	}

	#mc_embed_signup .mc-field-group input {
		font-size:14px;
	}

	#mc_embed_signup .button {
		font-size:14px;
	}

	#contact-content .fa {
		font-size:24px;
	}
}

@media (max-width: 600px), (max-height: 600px) { 

	#put-yer-stuff-here img {
		width:120px;
	}	

	h2 {
		width:auto;
		font-size:22px;
		margin-bottom:0px;
		margin-top:24px;
	}
	ul {
		padding-left: 0px;
    	margin-left: 40px;
		margin-top:11px;
	}

	ul li a {
		font-size:18px;
		line-height: 15px;
	}

	#shows-content {
		background-color: white;
    	z-index: 99;
    	right: 0px;
	}

	#back-arrow {
		left:0px;
		top:15px;
	}
	#back-arrow img {
		width:40px;
	}

	#contact-content {
		top: 53px;
	    background-color: white;
	    right: 0px;
	    z-index: 99;
	    text-align: center;
	}

	#mc_embed_signup .mc-field-group {
		width:100%;
	}

	#mc_embed_signup .mc-field-group input {
		margin:0px;
		width:100%;
	}

	#mc_embed_signup .button {
		margin:0px;
		width:100%;

	}

	#contact-content .fa {
		font-size:24px;
	}

	#pot-footer {
		height:100px;
		background-size:100px;
	}

	#pot-header {
		height:100px;
		background-size:100px;
	}

	#contact-emails a{
		display:block;
		line-height:20px;
	}
}

@media (max-height: 490px) { 


	#put-yer-stuff-here img {
		width:100px;
	}	

	#back-arrow img {
		width:40px;
	}

	h2 {
		width:auto;
		font-size:20px;
		margin-bottom:0px;
		margin-top:17px;
		margin-left:7px;
	}
	ul {
		margin-top:4px;
	}

	ul li a {
		font-size:17px;
		line-height: 12px;
	}

	#pot-footer {
		height:70px;
		background-size:70px;
	}

	#pot-header {
		height:70px;
		background-size:70px;
	}
}