/**********************************************************
 * Site Responsive
 **********************************************************/

@media only screen and (min-width: 1000px){

	#social-header { display:block;  margin-right: 6px; transform: scale(1.12); }
	
	#donate1, #donate2, #donate3, #donate4, #donate5, #donate6, #donate7, #donate8, #donate9 { display: block; position: relative; z-index:900; animation: vibing 2s linear infinite; }

	#red-bar { position: fixed; overflow: auto; clear: none; height: 100%; width: 80px; min-height: 100%; top: 0px; left: auto; right: 0px; bottom: 0;
	background: rgba(170,0,0,1); background: linear-gradient(to top, rgba(170,0,0,1) 0%, rgba(214,32,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d20000', endColorstr='#a00000', GradientType=1); }

	#main { margin: 20px 0 0 12%; position: absolute; transform: scale(1); } 
	
	#vid-main { margin: 50px 0 0 10%; position: absolute; transform: scale(1); } 	
	#vid-wrap-display { display:block; }
	#vid-close-app { display:block;   }
}	



@media only screen and (min-width: 750px) and (max-width: 999px) {
	
	#social-header { display: block;  margin-right:-10px; transform: scale(1); }
	
	#donate1, #donate2, #donate3, #donate4, #donate5, #donate6, #donate7, #donate8, #donate9{ display: block; position: relative; z-index:900; animation: vibing 2s linear infinite; }
	
	#red-bar { position: fixed; overflow: auto; clear: none; height: 100%; width: 80px; min-height: 100%; top: 0px; left: auto; right: 0px; bottom: 0;
	background: rgba(170,0,0,1); background: linear-gradient(to top, rgba(170,0,0,1) 0%, rgba(214,32,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d20000', endColorstr='#a00000', GradientType=1); }
	
	#main { margin: 10px 0 0 8%; position: absolute; transform: scale(0.9); } 
	
	#vid-main { margin: 50px 0 0 12%; position: absolute; transform: scale(1); } 	
	#vid-wrap-display { display:block; }
	#vid-close-app { display:block;   }

}


@media only screen and (min-width: 510px) and (max-width: 749px)  {
	
	#social-header { display: block; margin-right: -20px; z-index: 2200; transform: scale(0.86); }	
	
	#donate1, #donate2, #donate3, #donate4, #donate5, #donate6, #donate7, #donate8, #donate9{ display: none; }
	
	#red-bar { position: fixed; overflow: auto; clear: none; height: 100%; width: 80px; min-height: 100%; top: 0px; left: auto; right: 0px; bottom: 0;
	background: rgba(170,0,0,1); background: linear-gradient(to top, rgba(170,0,0,1) 0%, rgba(214,32,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d20000', endColorstr='#a00000', GradientType=1); }
	
	#footer-box{ display:block; margin-top: 525px; }
	
	#main {  margin: 0px 0 0 50px; position: absolute; transform: scale(0.8);} 
	
	#vid-main { margin: 20px 0 0 20px; position: absolute; transform: scale(0.75); } 	
	#vid-wrap-display { display:block; }
	#vid-close-app { display:block;   }
}

	
@media only screen and (max-width: 509px) {
	
	/*#social-header { display: block; margin-right: 26px; z-index: 2200; transform: scale(0.8); }*/	
	#social-header { display: none; }
	
	#donate1, #donate2, #donate3, #donate4, #donate5, #donate6, #donate7, #donate8, #donate9{ display: none; }
	
	#red-bar { position: fixed; overflow: auto; clear: none; z-index: 2200; height: 100%; width: 25px; min-height: 100%; top: 0px; left: auto; right: 0px; bottom: 0;
    background: rgba(170,0,0,1); background: linear-gradient(to top, rgba(170,0,0,1) 0%, rgba(214,32,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d20000', endColorstr='#a00000', GradientType=1); }
	
	#footer-box{ display: block; margin-top: 520px; transform: scale(0.75);}
	
	#main {  margin: 0px 0 0 50px; position: absolute; transform: scale(0.7);} 
	
	#content-wrapper{ display: none; height: 10px; }
	#content-box{ min-height: 10px; transform: scale(0.8);}
	
/*	#wrap-over { width: 100%; height: auto; margin-top:80px; }
	#wrap-up { display: none; }
	#wrap-down { display: none; }
	#wrap-display { margin-right: 120px; margin-left: 15px; float: right; height: 329px; }
	#contact-on { display:none; }
*/	
	#vid-main { margin: 100px 0 0 -120px; position: absolute; z-index:200; overflow: visible; background: url("../img/phone/phone_frame_video.png") no-repeat; background-position: no-repeat; transform: scale(0.7); } 
	#vid-wrap-display { display:block; opacity: 1; transform:fade-late 3s linear infinite; }
	#vid-close-app { display:none;  }
		
	
}