@charset "utf-8";
.clear{ clear:both; }
img { max-width: 100%; }
h1 {
	font-family: Geneva;
	font-size: 16px;
	font-weight: bold;
	color: #552604;
	letter-spacing: 0.05em;
	text-align: left;
}
h2 {
	font-family: Geneva;
	font-size: 12px;
	font-weight: bold;
	color: #552604;
	letter-spacing: 0.05em;
	text-align: left;
}

.header {
	background-image: url(images/low_res/header.png);
	background-repeat: no-repeat;
	width:1000px;
	height:166px;
}
.footer {
	background-image: url(images/low_res/footer.gif);
	background-repeat: no-repeat;
}
.footer-plain {
	background-image: url(images/low_res/footer_plain.gif);
	background-repeat: no-repeat;
}

.credit {
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	letter-spacing: 0.05em;
	text-align: right;
}
.credit a:link {
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	letter-spacing: 0.05em;
	text-align: right;
	text-decoration: none;
}
.credit a:visited {
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	letter-spacing: 0.05em;
	text-align: right;
	text-decoration: none;
}
.credit a:hover {
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	letter-spacing: 0.05em;
	text-align: right;
	text-decoration: underline;
}
.credit a:active {
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	letter-spacing: 0.05em;
	text-align: right;
	text-decoration: underline;
}
.page-text, .page-text + div {
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #552604;
	text-align: left;
	vertical-align: top;
}
.page-text img { float:left; margin-bottom:15px; margin-right:20px; }
.page-text span { display:inline-block; }
.footer-text {
	font-family: Arial;
	font-size: 11px;
	color: #984708;
	text-align: left;
}
.footer-text  a:link {
	font-family: Arial;
	font-size: 11px;
	color: #984708;
	text-align: center;
	text-decoration: none;
}
.footer-text  a:visited {
	font-family: Arial;
	font-size: 11px;
	color: #984708;
	text-align: center;
	text-decoration: none;
}
.footer-text  a:hover {
	font-family: Arial;
	font-size: 11px;
	color: #984708;
	text-align: center;
	text-decoration: underline;
}
.redcolor{
	color:#FF0000;
}
.wedding-ceremony-music-essex-hertfordshire-hampshire-text{
	font-family: Arial;
	font-size: 11px;
	color: #552604;
	text-align: left;
}
.wrapper{width:1000px; margin:0 auto; overflow:hidden;background:#ffedbb;}
.wrapper.nobg{background:none;}
.mobile{display:none;}
.left-col{float:left; width:150px; padding:10px;}
.right-col{float:right; width:750px;padding:0 20px}
.social-txt{padding:10px; vertical-align:middle;}
#sub-menu{display:none}
.footer.wrapper{ border-radius:0 0 10px 10px}
.social-icon{float:left; margin-right:10px; } 

@media (min-width: 767px) and (max-width: 1040px) {
.wrapper{width:100%; box-sizing:border-box; padding:10px;max-width:750px;}
.header{width:100%;   height:120px;  max-width:750px; background-size:cover;}
.left-col{width:135px;}
.right-col{width:575px; box-sizing:border-box; padding:0 10px;}
}

@media (min-width: 767px) and (max-width: 867px) {
.right-col{width:550px;}
}
@media (max-width:766px){
.wrapper{width:100%; box-sizing:border-box; padding:10px;max-width:500px;}
.mobile{display:block;}
.header{width:100%; background:#ffedbb; background-image:none;border-bottom:10px solid #9D570C; height:auto;  max-width:500px}
.logo{display:block; padding:10px; }
.logo  img{max-width:100%;}
.right-col,
.left-col{width:100%; padding:0}
#sub-menu{display:block;  border: 2px solid #111; background:url(images/submenu.png) 15px center no-repeat;  border-radius: 20px;   padding: 5px 14px 5px 35px ; text-decoration:none; cursor:pointer; line-height:22px!important; margin: 15px auto 5px; width:40px; } 
#qm0{display:none; width:250px; margin:0 auto;}
#qm0 a{border-bottom:1px solid #111;padding:10px!important}
#qm0 .qmparent.qmactive{border:none;}
#qm0 div a{border:1px solid #a15c10;padding:6px!important}

}
@media (max-width:766px){
	#qm0 {
		width: 100% !important;
	}
	.page-text img { float:none; display:block; margin-bottom:15px;}
	.social-icon{ margin-bottom:15px; }
}