/* 8. CUSTOM LAYOUT & TYPOGRAPHY (Daddy bear)
----------------------------------------------------------------------------------------*/
html{
	background-image:url(https://0f01ec.claudeassets.com/20250403084421im_/https://www.workmelon.com/img/Work_Order_guy_2.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: right bottom; 
}

#container {
	padding: 0 1.618em 1.618em 1.618em;
	margin: 0 auto; 
	max-width: 60em;
}

#branding{	
	text-align:center;	
	max-width:45em;
	margin: 0 auto;
}
.introwrap{
	text-align:center;	
	max-width:45em;
	margin: 0 auto;
}
.intro {
	font-size: 2.5em;
	line-height:1.2em;	
	margin:1em auto 1.5em auto;
	text-align:center;
}

.cols2{
	float:left;
	width:39em;
	margin-right:1em;
}

.cols1{
	float:left;
	width:19em;
	margin-right:1em;
}

#lead p{
	font-size:1.4em;
	line-height:1.3em;
	margin-bottom:.5em;
	padding:0;
	font-weight:normal;
}
h2{
	font-size:2em;
	padding-top:.3em;
	margin-left:1em;
}
 ul,li{
	margin:0;
	padding:0;
 }
#signupbox{
	text-align:center;
}

.thirtydays{
	display:inline;
}

#footer{
	text-align:center;
}
#tryme{
	font-size:1.4em;
}

 #pricingdiv{
	font-size:1.8em;
	
	
 }
  
 .screenshot {
	width:140px;
 }


 #signupmenu li{
	display:inline;
	margin-bottom:0;
 }
#sidebar{
	background: #68b;
	/*background:rgb(102,136,187);
	background:rgba(102,136,187,.7);*/
	color:#fff;
	border-radius: 10px;
	moz-border-radius: 10px;
	margin-top:5em;
	
}
#sidebar h3{
	margin:.7em;
	line-height:1.3em;
	text-align:center;
}
#signupbox input{
	width:12em;
	margin:.1em auto;
	font-size:1.4em;
	display:display;
}
#signupform{
	padding:1em 0;
	margin-bottom:1em;
}

#contactform{
	text-align:center;
}

#contactform input{
	width:12em;
	margin:.1em auto;
	font-size:1.4em;
	display:block;
}

#contactform textarea{
	margin:.1em auto;
	font-size:1.4em;
	width:17em;
	height:7em;
}


#benefits{
	padding-bottom:1em;
	padding-right:1em;
}
#benefits ul{
	margin-left:2em;
}
.b{
	font-size:1.3em;
}
/* 9. CUSTOM LAYOUT & TYPOGRAPHY (Mummy bear)
----------------------------------------------------------------------------------------*/
@media screen and (min-width: 30em) and (max-width: 63.236em) {
	html{background:#fff;}
	#branding { margin-top:.5em; font-size:1em;}
	#container { width: 30em; }
  
	.intro {
		font-size:1.61em;  
	}
	#lead{
		max-width:30em;
	}
	#lead p{
		font-size:1.3em;
	}
	h2{
		font-size:1.6em;
	}
	.thirtydays{
		float:left;
		height:135px;
	}
	.cols1, .cols2{
		width:100%;
	}
	#pricingdiv{
		font-size:1.4em;
		display:inline;
		border-width:3px;
		border-style:solid;
		border-color:#439BBD;
		padding-top:1em;		
	}
	#sidebar{
		margin-top:0;
	}
	#signupbox input{
		width:12em;
		margin:.1em auto;
		font-size:1.4em;
		display:block;
	}	

}

/*
     FILE ARCHIVED ON 09:38:02 Apr 01, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:49:29 Aug 18, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.35
  exclusion.robots: 0.034
  exclusion.robots.policy: 0.028
  esindex: 0.005
  cdx.remote: 14.857
  LoadShardBlock: 120.86 (3)
  PetaboxLoader3.datanode: 173.212 (4)
  load_resource: 246.993
  PetaboxLoader3.resolve: 189.992
*/