body { 
	font-family: 'Lobster', cursive !important; 
	height: 100%;
	width: 100%;
	overflow: scroll;
	margin: 0;
	background-color: black;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
}

.copyright {
	margin-top:42px;
	font-size:16px;
	font-family:verdana;
	color:#b8041c;
}

#vidnew {
	width : 40vw;
	margin: 60px auto 0 auto;
	height : 22.5vw;
}
.redboxnewover, .redboxnewunder {
	width: 40vw;
	margin: 0px auto 0 auto;
	font-family:verdana; 
	font-size:13px; 			
	background: #7b051421;				
	padding: 3px 0 5px 0;				
	color:#ffffffd6;
	text-shadow: 1px 1px 2px black;		
}
.artistinfo td {padding-left:5vw;}
.stickyhome {
	position: fixed;
	bottom: 6vh;
	left: 8vw;
	width: 94px;
	vertical-align:middle;
	padding: 11px 0;
	xxxxxxmargin:20px auto 0 auto;
	font-size:11px;
	font-family:verdana;
	letter-spacing: 0.19px;
	border-radius:4px;
	border:3px solid #3c3334d6; 
	color:#959494;
}
.stickybottomleft {
	position: fixed;
	bottom: 6vh;
	left: 8.5vw;
	xwidth: 343px;
	vertical-align:middle;
	xpadding: 11px 0;
	xxxxxxmargin:20px auto 0 auto;
	font-size:11px;
	font-family:verdana;
	letter-spacing: 0.19px;
	xborder-radius:4px;
	xborder:3px solid #3c3334d6; 
	color:#959494;
	display: flex; /* Use flexbox */
	justify-content: center; /* Center the boxes horizontally */
	align-items: center; /* Center the text vertically */
	xheight: 200px; /* Set a height for the container */
}
.stickybottomright {
	position: fixed;
	bottom: 7vh;
	right: 16vw;
	xwidth: 343px;
	vertical-align:middle;
	xpadding: 11px 0;
	xxxxxxmargin:20px auto 0 auto;
	font-size:11px;
	font-family:verdana;
	letter-spacing: 0.19px;
	xborder-radius:4px;
	xborder:3px solid #3c3334d6; 
	color:#959494;
	display: flex; /* Use flexbox */
	justify-content: center; /* Center the boxes horizontally */
	align-items: center; /* Center the text vertically */
	xheight: 200px; /* Set a height for the container */
}
@media screen and (max-width: 1200px) {
	#vidnew {
		width : 46vw;
		height : 25.875vw ;
	}
	.redboxnewover {
		width : 47vw;
	}
	.redboxnewunder {
		width : 47vw;
	}	
	.artistinfo td {padding-left:0;}
}
@media screen and (max-width: 700px) {
	body {
  		background-image: url('../images/mobile_background.png');
 	 	background-size: cover;          
  		background-position: center;    
  		background-repeat: no-repeat;     
  		padding-top: 165px;
	}
	.kebeclovesign { 
		display: none 
	}
	#vidnew {
		width : 90vw;
		height : 50.625vw;
	}
	.redboxnewover {
		width : 90%;
	}
	.redboxnewunder {
		width : 100vw;
	}
	.artistinfo td {padding-left:0;}
	.stickyhome {
		position: static;
		bottom: auto;
		left: auto;
		width: 94px;
		margin:20px auto 0 auto;
	}
	.stickybottomleft {
		position: static;
		bottom: auto;
		left: auto;
		width: 100%;
		margin:20px auto 0 auto;
	}
	.stickybottomright {
		position: static;
		bottom: auto;
		left: auto;
		width: 100%;
		margin:20px auto 0 auto;
	}
}

@font-face {
	font-family: 'chalk';
	src: url('../fonts/chalk-regular-webfont.woff2') format('woff2'),
	url('../fonts/chalk-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
.glow {
	font-family:'Lobster', cursive;
	letter-spacing: 2px;
	font-size: 20px;
	text-decoration: none; 
	cursor: pointer;
	color: white;
	text-align: center;
	animation: glow 2.3s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
	from {
		text-shadow:   0 0 20px #red, 0 0 30px #red, 0 0 40px red, 0 0 50px red, 0 0 60px red;
	}
	to {
		text-shadow:    0 0 20px #fff, 0 0 30px red, 0 0 40px red, 0 0 50px red, 0 0 60px red;
	}
}

a, #send, .close {
	color : white;
}
.at {
	color : #ff0009;
	font-size : 19px;
}
.at:hover {
	color : #fc9240;
}
body {
	color : white;
	text-align : center;
	font-family : 'chalk', 'Times New Roman', serif;
}

.kebeclovesign {
	position:fixed;
	height : 100%;
	min-height : 543px;
	xxwidth : 37vw;
	xxheight : auto;
	width: auto;
	left : 0;
	z-index : -999;
}
.artist {
	position:fixed;
	right: 2vw;
	width: 23vw;
	height: auto;
	z-index : -998;
	top : 50%;
	transform : translate(0,-50%);
}

.artistMobile {
	display: none;
	width: 80%;
	margin: auto;
}

#vid {
	width : 40vw;
	height : 22.8vw;
	margin: 70px 0 0 100px;
	xborder:1px solid green;
}
.redbox {
	width: 400px;
	font-family:verdana; 
	font-size:13.5px; 
	margin: 4vh auto 0 auto;				
	letter-spacing: 0.19px;				
	border-radius: 9px;				
	xborder: 2px solid #7b0514a1;				
	background: #7b051421;				
	padding: 3px 0 5px 0;				
	color:#ffffffc2;
	xline-height: 1;		
}
.leftcol {
	width:23vw;
}
@media screen and (max-width: 1200px) {
	.kebeclovesign {
		position:absolute;
		left : 0;
		width : 37vw;
		height : auto;
		top : 50%;
		transform : translate(0,-50%);
		min-height : 6px;
		z-index : -999;
	}
	.artist {
		position:absolute;
		right : 0;
		top : 50%;
		transform : translate(0,-50%);
		width : 33vw;
		height : auto;
		min-height : 5px;
	}
	#vid {
		width : 47vw;
		height : 27vw ;
		margin: 12vh 0 0 0;
	}
	.redbox {
		width : 47vw;
	}
	.leftcol {
		width:140px;
	}
	
}
@media screen and (max-width: 700px) {
	.kebeclovesign {
		position:absolute;
		width : 80%;
		height : auto;
		top : 14px;
		transform : translate(-30px,-14px);
		min-height : 4px;
		z-index : -999;
	}
	.artist {
		display: none;
	}
	.artistMobile {
		display: block;
	}
	#vid {
		width : 90vw;
		height : 51vw;
		margin: 15px 0 0 0;
	}
	.redbox {
		width : 90vw;
	}
	.leftcol {
		width:10px;
	}
}
.footer {
	min-height : 94px;
	float : left;
	width : 33%;
}
@media screen and (max-width: 549px) {
	.footer {
		min-height : 0;
		float : left;
		width : 100%;
		margin-bottom : 8px;
	}
	.leftcol {
		width:5px;
	}
}

img {
	-webkit-user-drag: none !important; /* Prevent image drag in WebKit browsers */
	user-drag: none !important; /* Standard property */
	
}