* {
	font-family: Arial Narrow, Arial;

}

html { 
	background: url(/images/L&L.jpg) no-repeat;
}

#content {
	width: 100%; margin-top: 0px; margin-left: auto; margin-right: auto; 
}

#textbox {

	position: absolute;
height: auto;
width: 700px;
left: 500px;
top: 150px;
background-color: #E4E4E4;
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}

/*left: 570px; top: 140px;*/

#text {
	margin:10px;
}
#signature {
	text-decoration: strong;
	font-size: 23pt;
	margin-top: 25px;
}

h2 {
	font-size: 52pt;
	color: #740030;
	font-weight: lighter;
	margin-top: -13px;
}

p {
	text-align: justify;  
	font-size: 23pt;
	margin-top: -30px;
	line-height: 1.2em;
}


#mc_embed_signup{background:#e4e4e4; clear:left; font:20px; }
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */


/* #### CSS for high resolution devices in general #### */
@media screen and (-webkit-min-device-pixel-ratio: 1.5){

html {
	background: url(/images/mobile.jpg) no-repeat;
}	
  
  #signature {
  	font-size: ;
  }

  h2 {
	font-size: 46pt;
	color: #740030;
	font-weight: lighter;
	margin-top: -12px;
}

#textbox {
	background-color: #e4e4e4;
	width: 420px; left: 520px; top: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
}

#text {
	margin:10px;
}

p {
	text-align: justify;  
	font-size: 20pt;
	margin-top: -30px;
	line-height: 1.2em;
}

}


/* #### CSS for small screen high resolution devices such as iPhone 4 #### */
@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px){
  /* some css here */

}


/* #### CSS for large screen high resolution devices such as iPad 3 #### */
@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 768px){
  /* some css here */
  html {
	background: url(/images/mobile.jpg) no-repeat;
}	
  
  #signature {
  	font-size: ;
  }

  h2 {
	font-size: 46pt;
	color: #740030;
	font-weight: lighter;
}

#textbox {
	background-color: #e4e4e4;
	width: 450px; left: 520px; top: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
}

#text {
	margin:10px;
}

p {
	text-align: justify;  
	font-size: 20pt;
	margin-top: -30px;
	line-height: 1.2em;
}

}