/* 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;
}

 p, #footer p { 
 	text-align:center;
font-size: 120%;
	font-weight:400;
	  letter-spacing: 0px;
	text-align:center;
color: #333333;
padding-top:2px;
padding-bottom:2px;
line-height: 2.3em; 
}

#footer p { 
padding-top:-10px;
margin-top:-10px;
padding-bottom:-10px;
margin-bottom:-10px;
}

 .logo p { 
padding-top:12px;
padding-bottom:2px;
}


h1, h2, h3, h4 {
text-align:center;
	font-size: 130%;
	font-weight:400;
}

h1 {
text-align:center;
	font-size: 200%;
	font-weight:200;
  letter-spacing: 4px;
  line-height: 1.3em;
  color:#3f7c91;
  padding-top: 1px;
margin-top: 1px;
}

h2, #home h2 {
text-align:center;
 letter-spacing: 4px;
	margin-left:10%;
	margin-right:10%;
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 11px;
	padding-bottom: 1px;
	line-height: 2.3em; 
}

h2 {
	color: #333333;
}

#cristina h2 {
		margin-left:1px;
	margin-right:1px;
	 letter-spacing: 2px;
}

#home h2 {
margin-top: -25px;
	padding-top: -20px;
}


h3 {
text-align: center;
 letter-spacing: 1px;
 line-height: 1.5em; 
			margin-bottom:5px;
				margin-top:15px;
font-size: 125%;
font-weight:400;
color: #8c601b;}

 h4 {
color: #6d6e71;
 letter-spacing: 1px;
	 margin-top: 30px;
		font-size: 100%; 
	line-height: 2.5em; 
 }

.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, 
  #project a:link, #project  a:visited, 
 #home a:link, #home a:visited, #home a:hover  {
	 color: #333333;
text-decoration:none;
	}
	
	
	#project  a:hover, #logo a:hover, #home a:hover  
{
 opacity: 0.7;
text-decoration:none;
	}
	
.clear{
	   display: block;
		clear: both;
	float: left;
	width:100%;
	height: auto;
}

#home img {
margin-top: 32px; 
margin-bottom:25px; 
clear: both;
}

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


/*footer nav*/


ul,ol {list-style-type: none; }

}

/*end nav*/

