/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#banner {
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: auto;
	height: 128px;
	width: 768px;
	margin-right: auto;
}
				#fronttext { font-size: 16px; }
				#fronttext a {
	font-weight: bold;
	font-size: 16px;
}
#frontbuttons {
	display:none; 
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
#fronttext a:hover {
	color: #010101;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
}
				#fronth2 { font-size:16px; line-height:1.5; }

				.fronth2 {
	margin-left: 4%;
	line-height: 1.9;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}
	#resource1 { font-size:16px; }
	.resource1 { font-size:16px;  }
	#TopPhoto {
	background-image: url(../images/MFH_B.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 8px;
	margin-bottom: 0px;
	width: 100%;
	height: 236px;
}

#LLTopPhoto {
	background-image: url(../images/BD2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 0px;
	width: 100%;
	height: 261px;
}

#FBTopPhoto {
	background-image: url(../images/vet2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 8px;
	margin-bottom: 0px;
	width: 100%;
	height: 274px;
}

#CFTopPhoto {
	background-image: url(../images/ac2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 8px;
	margin-bottom: 0px;
	width: 100%;
	height: 274px;
}

 #servicesPhoto {
	background-image: url(../images/service2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 100%;
	height: 272px;
}
				#burialPhoto {
	background-image: url(../images/burialPhoto_1down.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	height: 242px;
}
				#cremationPhoto { background-image:url(../images/cremation1_1down.jpg); background-repeat:no-repeat; background-position:center; margin-top: 8px; margin-bottom:0px; width:100%; height:242px; }

				#auPhoto {
	background-image: url(../images/auPHOTO2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	margin-bottom: 8px;
	width: 100%;
	height: 272px;
}
				#sauPhoto {
	background-image: url(../images/history2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	margin-bottom: 8px;
	width: 100%;
	height: 273px;
}
				
blockquote, blockquote p {font-size:14px; }				
#text {
	margin-left: 18px;
	margin-right: 18px;
	text-align: justify;
	font-weight: normal;
	font-size: 18px;
	text-indent: 12px;
}
#text a {
	text-decoration: none;
	font-weight: bold;
}
#text a:hover {
	font-weight:bold;
	text-decoration:underline;
}


h4 { font-size: 14px; line-height: 16px; font-weight:700; margin-top:0px; margin-bottom: 8px; text-align:center;  }

h5 {
	font-size: 16px;
}

h6 { font-size: 14px; }

#footer {
	clear:both;
	text-align:center;
	color:#1F3378;
	font-family: Verdana, Geneva, sans-serif;
	font-size: xx-small;
	padding-top: 5px;
}
#footer a {
	color:#999999;
	text-decoration:none;
	font-weight: bold;
}
#footer a:hover {
	color:#000;
	text-decoration:none;
}
#CR {
	font-size: xx-small;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #ffffff;
	text-align: center;
	padding-top: 8px;
}
#nav {
	text-align: center;
	max-width: 400px;
}
#top {
	max-width: 785px;
	margin-left:auto;
	margin-right:auto;
}
 .logo {
	width: 380px;
	height: 91px;
 }
    #row1 {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	height: 128px;
   }
    .title {
	float: right;
	width: 370px;
	font-weight: 400;
	text-align: left;
	margin-top: 36px;
	margin-bottom: 20px;
	font-size: 26px;
 }
 .address {
	float: right;
	width: 100%;
	font-weight: 400;
	text-align: center;
	margin-top: 12px;
	font-size: 18px;
 }
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		   #cb {
	font-size: 16px;
	margin-left: 16px;
	width: 134px;
}
#nav {
	text-align: center;
	max-width: 658px;
}
#frontbuttons {
	display:none; 
}
 .profilepic {
width:200px;
height:249px;
}
		
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

   #frontbuttons {
	display:none; 
}
   #cb {
	font-size: 16px;
	margin-left:16px;
}
				#TopPhoto {
	background-image: url(../images/FH_FRONT_D2down.jpg);
	background-repeat: no-repeat;
    background-position:center; 
	margin-top: 8px; 	
	margin-bottom: 0px;
	width: 100%;
	height: 162px;
}

#LLTopPhoto {
	background-image: url(../images/FH_FRONT_D2down.jpg);
	background-repeat: no-repeat;
    background-position:center;
    margin-top: 8px;
    margin-bottom: 0px;
	width: 100%;
	height: 162px;
}
#FBTopPhoto {
	background-image: url(../images/FB_FRONT_D2down.jpg);
	background-repeat: no-repeat;
    background-position:center; 
	margin-top: 8px; 	
	margin-bottom: 0px;
	width: 100%;
	height: 162px;
}
#CFTopPhoto {
	background-image: url(../images/CF_FRONT_D2down.jpg);
	background-repeat: no-repeat;
    background-position:center;
	margin-top: 8px;
	margin-bottom: 0px;
	width: 100%;
	height: 162px;
}
#auPhoto { background-image:url(../images/auPHOTO2down.jpg); background-repeat:no-repeat; background-position:center; margin-top: 0px; margin-bottom:8px; width:100%; height:162px; }

#burialPhoto { background-image:url(../images/burialPhoto_2down.jpg); background-repeat:no-repeat; background-position:center; margin-top: 8px; margin-bottom:0px; width:100%; height:246px; }

#cremationPhoto { background-image:url(../images/cremation1_2down.jpg); background-repeat:no-repeat; background-position:center; margin-top: 8px; margin-bottom:0px; width:100%; height:197px; }

#nav {
	text-align: center;
	max-width: 458px;
}


		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#banner {
	background-repeat: no-repeat;
	background-position: center;
	margin-left: auto;
	height: 91px;
	width: 380px;
	margin-right: auto;
	text-align: center;
}

   #cb {
	font-size: 12px;
	margin-left: 8px;
}
#cb2 {
	width: 120px;
	font-size: 12px;
	margin-left: 8px;
	display: none;
}
#top {
	height: 30px;
	width: 420px;
}

#nav {
	width:100%;
}
		#fronttext {
	display: none;
}
#frontbuttons {
	display:block;
	text-align:center;
	margin-top:8px;
	margin-bottom:1px;
}
#fronth2 {
	font-size: 18px;
	line-height: 1.6;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

.fronth2 {
	margin-left: 2%;
	line-height: 1.8;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
		#resource1 { font-size:14px; }
		.resource1 { font-size:14px; }
		#TopPhoto {
	background-image: url(../images/MFH_C.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 0px;
	width: 100%;
	height: 129px;
	margin-top: 0px;
}

#LLTopPhoto {
	background-image: url(../images/BD3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 0px;
	width: 100%;
	height: 191px;
}

#FBTopPhoto {
	background-image: url(../images/vet3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	height: 195px;
}

#CFTopPhoto {
	background-image: url(../images/ac3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	height: 195px;
}

		#servicesPhoto {
	background-image: url(../images/service3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	margin-bottom: 8px;
	width: 100%;
	height: 195px;
}
		#burialPhoto {
	background-image: url(../images/burialPhoto_2down.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	height: 197px;
}
		#cremationPhoto { background-image:url(../images/cremation1_2down.jpg); background-repeat:no-repeat; background-position:center; margin-top: 8px; margin-bottom:0px; width:100%; height:197px; }

		#auPhoto {
	background-image: url(../images/auPHOTO3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	margin-bottom: 8px;
	width: 100%;
	height: 195px;
}
		#sauPhoto {
	background-image: url(../images/history3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	margin-bottom: 8px;
	width: 100%;
	height: 194px;
}
		ul, ol { margin-bottom: 18px; margin-left:2%; }
		
h5 {
	font-size: 14px;
}

h6 { font-size: 12px; }

blockquote, blockquote p {font-size:13px; }
			
#text {
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
	font-weight: normal;
	font-size: 14px;
	text-indent: 12px;
}
#text a {
	text-decoration: none;
	font-weight: bold;
}
#text a:hover {
	font-weight:bold;
	text-decoration:underline;
}


.img { display: none; }
.subheading {
	font-weight: bold;
	font-size: 16px;
}

#footer {
	display: none; 
}
#footer a {
	display: none; 
}
#footer a:hover {
	display: none; 
}
#CR {
	font-size: xx-small;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
}
#mytop a {
	font-size:14px;
	color: #000000;
}

#mytop a:hover {
	font-size:14px;
	color: #666662;
}
#sharetop {
	width: 150px;
}
 .logo {
	width: 380px;
	height: 91px;
 }
    #row1 {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	height: 166px;
   }
    .title {
	float: right;
	width: 100%;
	color: #ffffff;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 6px;
	font-size: 18px;
 }
  .address {
	  display:none;}
 .address2 {
	display: inline-block;
	width: 100%;
	color: #ffffff;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 400;
	opacity: 1;
	text-align: center;
	font-size: 16px;
	;
	margin-top: -2px;
	margin-bottom: 2px;
 }
 .profilepic {
width:170px;
height:212px;
}
.profilepic2 {
width:160px;
height:97px;
}
a[href^=tel] {
    color: #ffffff;
    text-decoration: none;
}

		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width:479px){
	.container {	
		width:98%;
	}
	#banner {
	background-repeat: no-repeat;
	background-position: center;
	margin-left: auto;
	height: 72px;
	width: 300px;
	margin-right: auto;
	text-align: center;
}
#nav { width:200px;
	
	}
#frontbuttons {
	display:block;
	text-align:center;
}
#mytop a {
	font-size:14px;
	color: #000000;
}
#cb2 {
	width: 120px;
	display: none;
}
#mytop a:hover {
	font-size:14px;
	color: #666662;
}
#sharetop {
	display:none;
	width: 110px;
}
 .logo {
	width: 150px;
	height: 98px;
	float: left;
 }
    #row1 {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	height: 152px;
   }
    .title {
	float: right;
	width: 260px;
	color: #ffffff;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 400;
	opacity: 0.85;
	text-align: center;
	margin-top: 22px;
	margin-bottom: 20px;
	font-size: 18px;
 }
 .address {
	float: right;
	width: 420px;
	color: #ffffff;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 400;
	opacity: 0.85;
	text-align: center;
	font-size: 14px;
	margin-top: -2px;
	margin-bottom: 2px;
 }

   #cb {
	font-size: 14px;
	margin-left: 36px;
}
 .profilepic {
width:140px;
height:175px;
}

.profilepic2 {
width:160px;
height:97px;
}
#top {
	height: 30px;
}

#nav {
	width:290px;
}
#CR {
	font-size: xx-small;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
}

		#fronttext {
	font-size: 14px;
	text-align: left;
	display: none;
}
#fronttext a {
	font-weight: bold;
	font-size: 14px;
}
#fronttext a:hover {
	color: #010101;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}
		#fronth2 {
	font-size: 18px;
	line-height: 1.6;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

		.fronth2 {
	margin-left: 2%;
	line-height: 1.8;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
		#resource1 { font-size:12px; }
		.resource1 { font-size:12px; }
		#TopPhoto {
	background-image: url(../images/MFH_D.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	height: 98px;
	display: none;
}

#LLTopPhoto {
	background-image: url(../images/BD4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 2px;
	margin-bottom: 8px;
	width: 100%;
	height: 122px;
}

#FBTopPhoto {
	background-image: url(../images/vet4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 2px;
	margin-bottom: 8px;
	width: 100%;
	height: 106px;
}

#CFTopPhoto {
	background-image: url(../images/ac4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 2px;
	margin-bottom: 8px;
	width: 100%;
	height: 106px;
}

		#servicesPhoto {
	background-image: url(../images/service4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 2px;
	margin-bottom: 8px;
	width: 100%;
	height: 106px;
}
		#burialPhoto { background-image:url(../images/burialPhoto_4down.jpg); background-repeat:no-repeat; background-position:center; margin-top: 8px; margin-bottom:0px; width:100%; height:106px; }
		#cremationPhoto { background-image:url(../images/cremation1_4down.jpg); background-repeat:no-repeat; background-position:center; margin-top: 8px; margin-bottom:8px; width:100%; height:106px; }

		#auPhoto {
	background-image: url(../images/auPHOTO4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	margin-bottom: 8px;
	width: 100%;
	height: 106px;
}
		#sauPhoto {
	background-image: url(../images/history4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	margin-bottom: 8px;
	width: 100%;
	height: 106px;
}
		ul, ol { margin-bottom: 18px; margin-left:2%; }
		
h5 {
	font-size: 14px;
}

h6 { font-size: 11px; }

#form { margin-left:0px; margin-right:0px; }

blockquote, blockquote p {font-size:12px; }

		#text {
    margin-left: 0px;
    margin-right: 0px;
    text-align: left;
    font-weight: normal;
    font-size: 18px;
    text-indent: 12px;
    line-height: normal;
    padding-left: 6px;
    padding-right: 6px;
}
#text a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
#text a:hover {
	font-weight:bold;
	text-decoration:underline;
}


#cb {
	margin-left:1px;
	width:126px;
}
.subheading {
	font-weight: bold;
	font-size: 14px;
}
.img { display: none; }

#footer {
	display: none; 
}
#footer a {
	display: none; 
}
#footer a:hover {
	display: none; 
}
 #CR {
	font-size: xx-small;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
}
#sharetop {
	width: 110px;
}
#caption {
	font-size: 11px;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 8px;
	text-align: center;
}
 #logo {
	width: 100%;
	text-align: center;
 }
 .logo {
	width: 300px;
	height: 72px;
 }
    #row1 {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	height: 146px;
   }
    .title {
	float: left;
	width: 100%;
	color: #ffffff;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 400;
	opacity: 1;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 16px;
 }
  .address {
	  display:none;}
 .address2 {
	display: inline-block;
	width: 100%;
	color: #ffffff;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 400;
	opacity: 1;
	text-align: center;
	font-size: 16px;
	;
	margin-top: -2px;
	margin-bottom: 2px;
 }
a[href^=tel] {
    color: #ffffff;
    text-decoration: none;
}

	
}
		
	@media only screen and (max-width:320px){
	
	#nav { width:200px;
	
	}

	.container { width: 98%; }
#cb {
	margin-left:1px;
	width:126px;
}
#sharetop {
	margin-right:1px;
}
}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/