



/* ##############  RESPONSIVE STYLING ############## */
@media screen and (max-width : 1040px){ 
	body {
	margin:0 12px 0 12px; 
	position:relative;
	z-index:10;}
}

@media screen and (max-width : 940px){ 
	.Bcal {
		width: 80%; 
	}
}

@media screen and (max-width : 895px){ 
	
	.home_bg {
		background-size: 100% 60%;
	}
	
	.span_1_of_2 {
		width: 100%;
	}
	
	/*Adjust text around background*/
	.home_small {
		margin:140px 0 0 0;
	}
	h1 {font-size: 24px;}
	

	.Lheader {
		width:280px;
	}
	
	.Rheader  {
		width:auto;
	}
	.Rarrow {
		visibility: hidden;
		display: none;
	}
}


@media screen and (max-width : 775px){  
	.newline {
		visibility: visible;
		display: block;
		padding:0;
		margin:0;
		text-align: left;
	}
	.indexspc {
		padding:0;
		margin:0;
		line-height:.2em;
		text-align: left;
	}
	.DemonHouse {
		height:80%; 
		width: 80%;
		margin:0 10% 0 10%;
	}
	.SHold12 {
		width: 100%;
	}
	.pictr {
		width:80%;
	}
		.Rightpic:hover {
		width:98%;
	}
	.vrtmrgn {
		margin:0 0 0 0;
	}
	.vrtmrgn2 {
		margin:0 0 0 0;
	}
	
/* ######### 2stayfree_b.html#POWERTOOLS ######### */
	.DeployTitle {
		display:inline-block;  
		margin: 60px 0 0 10px;
	}
	.DeployBody {
		display:inline-block;  
		margin: 0 0 0 10px;
	}

/* 	.Deploy:hover { 
		margin: 0 0 100% 0;
	} */
}

@media screen and (max-width : 680px){ 
	.span_1_of_12more {
		visibility: hidden;
		display: none;
	}
	.Onemore_CaptionFull {
		visibility: hidden;
		display: none;
	}
	.Onemore_CaptionSmall {
		visibility: visible;
		display: block;
	}
	.span_1_of_12more {
		visibility: hidden;
		display: none;
		width:0px;
	}
	.BEGIN  {
		width:100%; 
	}
	img.viewlarge{ 
	width: 100%; height:auto;
	}
	.return {
		font-size: .9em;
		max-height:100px;
	}
	.MsubmenuB	{
		visibility: hidden;
		display: none;
	}
	.MsubmenuS	{
		visibility: visible;
		display: block;
		height: 120px; 
		padding:2px 8px 2px 8px;
		float: right; 
		margin:-50px 0 0 0;
		background-color:blue;
		position:relative;
		z-index:12;
	}
}

@media screen and (max-width : 670px){
	.Searchblu  {
		width:100%;
		float:left !important;
	}
	.Hour11 {
		display:block;
		float:left;
		font-size:.88em;
		width:75%;
		/* margin:100px 0 0 0; */
	}
	.Larrow {
		visibility: hidden;
		display: none;
	}
	.expandM img:hover{margin-left: -10px; }
	.expandR img:hover{margin-left: -10px; }
	.hint {
		float:right;
		font-size:.8em;
		margin:-100px 10px 0 0;
	}

}

@media screen and (max-width : 606px){
	.programtext-small {
		display:inline-block;
		border: 4px dotted #ff0000;
		width:100%;
	}
	.programtext-wide {
		display:none;
	}
}

@media screen and (max-width : 580px){
	.TimeIsNow {
		visibility: hidden;
		display: none;
	}
	.TimeIsNowLeft {
		visibility: visible;
		display: block;
		font-size:1.3em;
	}
	.Parapic {
	width: 60%;
	}

	.artreturn {
		width:100%;
		float:left;
		padding:0 20px 0 20px;
		margin:0 0 0 20px;
	}
}


@media screen and (max-width : 555px){
	.FinalQuest {
		clear:left; 
		font-size:1.2em;
		width:100%;
	}
	.TITLEbig{
		display:none;
		visibility: hidden;
	}
	.TITLEsmall {
		display:block;
		visibility: visible;
	}
	.idolw {
		width:100%;
	}

	.DoorKpr1 {
		width:100%;
		margin:-40px 0 0 0;
		position:relative;
		z-index:1000000000000;
		float:none;
	}
	.OldDoor {
		  width:80%; 
	}
	.blumatrix {
		height: 480px;
	}

}
@media screen and (max-width : 480px){
	.blumatrix {
		height: 888px;
	}

}
@media screen and (max-width : 366px){
	.header1 {
		font-size: 2.2em;
	}
	.blumatrix {
		height: 920px;
	}
/* 
	.returnart {
		width:100%;
	} */
}
	