body{
	background: url('../../../assets/ersatztv/granite-texture-tile.jpg') repeat;
	margin: 0;
	}

	.master-container {
		overflow-x: hidden !important;
	}

	button {font-family: 'Courier', monospace; font-weight: bold; font-size: 1.25rem;}

	[popover]{
	position-area: bottom;
	margin: initial;
	transform: rotate(2deg);
	background: url('../../../assets/ersatztv/pink-sticky-sm.png') no-repeat;
	background-size: 100% 100%;
	max-width: 320px;
	margin: 0 20px;
	padding: 20px;
	border: none !important;
	}

	.master-container {
	/*			display: grid;
	width: 100vw;
	height: 100vh;
	overflow-y: scroll;
	border: 20px solid black;*/
	}

	.grid-padding-md {
	padding: 0 10vw;
	}

	.grid-padding-sm {
	padding: 0 5vw;
	}

	.grid-padding-xs {
	padding: 0 2vw;
	}

	.grid-container-1-1fr {
	display: grid;
	grid-template-columns: 1fr 1fr ;
	align-items: center;
	justify-items: center;
	}
	.grid-container-2-1fr {
	display: grid;
	column-gap: 32px;
	grid-template-columns: 2fr 1fr ;
	align-items: center;
	justify-items: center;
	}

	.grid-container-1-2fr {
	display: grid;
	grid-template-columns: 1fr 2fr ;
	align-items: center;
	justify-items: center;
	}

	.grid-container-1-1-1fr {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr ;
	place-items: center;
	}

	.grid-container-1-1-1-1fr {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	place-items: center;
	}

	.grid-container-2-2-1fr {
	display: grid;
	grid-template-columns: 2fr 2fr 1fr ;
	place-items: center;
	}

	.grid-container-single {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	justify-items: center;
	}

	.grid-item {
	padding: 0;
	margin: 0;
	}

	.grid-item-span-2 {grid-column: span 2;}

	.grid-item-border {
	border-right: 4px dotted #2b2b2b;
	padding: 10px;
	}

	.grid-item img{
	max-width: 100%;
	width: 100%;
		height: 100%;
		/*object-fit: cover;*/
	}

	.justify-start {justify-self: start;}
	.justify-center {justify-self: center;}
	.justify-end {justify-self: end;}

	.align-start {align-self: start;}
	.align-center {align-self: center;}
	.align-end {align-self: end;}

	.torn-paper {
	background: url('../../../assets/ersatztv/torn-note-texture.png') no-repeat;
	background-size: 100% 100%;
	/*background-size: contain;
	background-position: center;*/ 
	padding: 40px;
	}

	.torn-paper-wide {
	background: url('../../../assets/ersatztv/torn-note-paper-wide.png') no-repeat;
	background-size: 100% 100%;
	/*background-size: contain;
	background-position: center;*/ 
	padding: 100px;
	}

	.torn-paper-wide > h2 {font-size: 6rem;}

	.yellow-board {
	background: url('../../../assets/ersatztv/yellow-board.png') no-repeat;
	background-size: 100% 100%;
	margin: 0 10vw;
	}

	.yellow-board-top-border {
	border-top: 35px solid transparent; /* Required: sets the border width and style, color is hidden by the image */
	padding: 10px;
	border-image: url('../../../assets/ersatztv/black-tape-long.png') 100% 0 0 0 / 60px 0 0 0 stretch;
	}

	.pink-sticky {
	background: url('../../../assets/ersatztv/pink-sticky-sm.png') no-repeat;
	background-size: 100% 100%;
	max-width: 320px;
	margin: 0 20px;
	padding: 20px;
	}

	.sticky-note {margin-top: -180px;}

	.black-tape {
	padding: 40px;
	background: url('../../../assets/ersatztv/tape_short_texturelabs.png') no-repeat;
	background-size: 100% 100%;
	}

	.black-tape-short {
	padding: 2px 16px;
	background: url('../../../assets/ersatztv/black-tape-1-short.png') no-repeat;
	background-size: 100% 100%;
	}

	.polaroid {
	padding: 10px;
	background: white;
	box-shadow: 12px 12px 12px rgba(0,0,0,0.6);
	margin: 24px;
	}

	.polaroid-pic {
	padding: 10px;
	background: white;
	box-shadow: 12px 12px 12px rgba(0,0,0,0.6);
	}

	.polaroid-lg-top-border {
	border-top: 35px solid transparent; /* Required: sets the border width and style, color is hidden by the image */
	padding: 10px;
	border-image: url('../../../assets/ersatztv/black-tape-long.png') 100% 0 0 0 / 60px 0 0 0 stretch;
	}

	.thumbtack {
	z-index: 1000;
	position: absolute;
	/*margin-bottom:-60px;*/
	margin-left: 200px; 
	width:100px; 
	text-align: 
	center;
	}

	.thumbtack-for-note {
	z-index: 1000;
	position: absolute;
	margin-top:-20px;
	margin-left: 200px; 
	width:100px; 
	text-align: 
	center;
	}

	.border-bottom {border-bottom: 1px solid black;}

	.l-offset {margin-left: 5vw;}
	.l-offset-lg {margin-left: 10vw;}



	/*MARGINS*/
	.mb-0 {margin-bottom: 0;}
	.mb-100 {margin-bottom: 100px;}
	.mb-150 {margin-bottom: 150px;}

	/*---*/

	.offset-v-up {margin-top: -80px;}
	.offset-v-up-lg {margin-top: -160px;}
	.offset-v-up-xl {margin-top: -300px;}
	.rotate {transform: rotate(-6deg);}
	.rotate-3deg {transform: rotate(3deg);}
	.rotate-30deg {transform: rotate(30deg);}
	.img-v-offset {margin-top: -120px;}

	.img-title {
	transform: rotate(6deg);
		max-width: 80%;
		width: 100%;
	 	height: 100%;
	}
	img.logo-img {max-width: 80px;}
	.video-intro { margin-top:-100px; margin-left: 20px;}


	/*TYPOGRAPHY*/
	.ersatztv-nav > li {
		margin-right: 8px;
		font-weight: bold;
		font-size: 1.25rem;
		padding: 2px 16px;
		background: url('../../../assets/ersatztv/black-tape-1-short.png') no-repeat;
		background-size: 100% 100%;
	}
	li > a:link {color: white;}
	li > a:visited {color: white;}
	li > a:hover {color: yellow;}

	.center	{text-align: center;}
	.right	{text-align: right;}
	.black-tape-short > p {color: white; padding: 0 10px;}
	a.no-underline {text-decoration: none;}
	h2 {font-family: 'Courier', monospace; text-decoration: underline; text-transform: uppercase;}
	p, li, span {font-family: 'Courier', monospace; font-size: 1.25rem; line-height: 1.4;}
	p.small {font-size: 1.1rem; line-height: 1.2; margin-top: 0;}
	p.xs {font-size: 0.9rem; line-height: 1.0;}
	.torn-paper > p {max-width: 500px; margin-left: 24px; margin-right: 40px;}
	.torn-paper > ul {max-width: 500px; margin-left: 24px !important; margin-right: 40px;}
	span.dvd-number {
		display: inline-block; 
		margin: 0px 8px; 
		width: 20px; 
		height: 20px; 
		background: yellow; 
		border-radius: 50%; 
		padding: 8px; 
		text-align: center; 
		border: 2px solid black;
	}
	span.dvd-label {color: white; font-size: 1rem;}
	span.dvd-number {font-size: 1.2rem;}
	/*.sticky-note > ul {
		max-width: 300px;
	}*/

	ol > li {margin-bottom: 1.5rem; width: 100%;}
	ul.inline-list {
		list-style: none;
		padding: 0;
		margin: 0;
		/*text-align: center;*/
	}
	ul.no-bullets {
		list-style-type: none; /* Remove bullets */
	}
	ul.inline-list > li {
	  display: inline;
	  padding: 0;
	  /*text-align: center;*/
	    /*margin: 0; */
	    /*margin-left: 10vw; */
	}

	@media only screen and (width >= 800px) {
		/*.desktop-only-title {display: block;}*/
		.mobile-only-title {display: none;}
	}

	@media only screen and (max-width: 1300px) {
		.grid-padding-md {padding: 0 0.5vw;}
		.torn-paper > p {margin-right: 10px;}
		.torn-paper > p {margin-left: 2px;}
		/*.grid-container-1-1-1fr {grid-template-columns: 1fr 1fr;}*/
		.video-intro {width: 50%; margin: -20px 0 0 0;}
		video {max-width: 100% !important;}
	}

	@media only screen and (width < 800px) {
		.sticky-note {margin-top: -40px;}
		.desktop-only-title {display: none;}
		/*.mobile-only-title {display: block;}*/
		.torn-paper > p {font-size: 1rem;}
		.torn-paper-wide > h2 {font-size: 3rem; margin: 50px;}
		.torn-paper-wide {padding: 200px;;}
		.video-intro {width: 50%; margin: -20px 0 0 0;}
		.img-title {max-width: 100%;}
		.grid-padding-md, .grid-padding-sm, .grid-padding-xs {padding: 0 5px;}
		.torn-paper-wide {padding: 5px;}
		.grid-container-1-1fr, 
		.grid-container-1-1-1fr, 
		.grid-container-2-2-1fr, 
		.grid-container-1-2fr, 
		.grid-container-2-1fr {
			grid-template-columns: 1fr;
		}
		.yellow-board {margin: 0 0.5vw;}
	}