/* CSS Document vicarage*/


body {
font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
	font-style: normal;
		font-variant: normal;
font-weight: 300;
	background-color: #ffffff;
}

#home a:hover {
	opacity: 0.6;
    cursor: pointer;
}

 #logo p { 
color:#996daf;
margin-top:12px;
}

 p{ 
font-size: 120%;
	font-weight:400;
	  letter-spacing: 1px;
	text-align:center;
color: #333333;
margin-left:33px;
margin-right:33px;
margin-top:10px;
margin-bottom:5px;
line-height: 2.3em; }

h1, h2, #logo h2, h3, h4 {
text-align:center;
	font-weight:400;
}

h2 {
text-align:center;
	font-size: 110%;
	margin-top:-15px;
	margin-bottom:-10px;
	line-height: 2.3em; 
	color: #333333;
}

#logo h2 {
	font-size: 130%;
	  letter-spacing: 0;
	  	margin-bottom:20px;
}

.blue, .purple, .green, .pink, .gold, .leaf {
	 margin-top: 5px;
}

.gold  {
color:#6f5500;
	}

.blue  {
color:#0060af;
	}
.purple {
color:#996daf;
	}
	.green  {
color:#3d7c94;
	}
.pink {
color:#f26cab;
	}
	.leaf {
color:#57a15e;
	}
	 
 #logo a:link, #logo a:visited, 
 #footer a:link, #footer a:visited, #footer a:hover  {
	 color: #333333;
text-decoration:none;
	}
	
	
	#logo a:hover, #footer a:hover  
{
 opacity: 0.7;
text-decoration:none;
	}
	
.clear{
	   display: block;
		clear: both;
	float: left;
	width:100%;
	height: auto;
}

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


h2 {
	font-size: 150%;
}


 #logo h2 {
	font-size: 140%;
	  letter-spacing: 4px;
 }

p { 
margin-left:10%;
margin-right:10%;
}


 #policy p { 
 margin-left:20px;
margin-right:20px;
 }



}

/*end nav*/