* { box-sizing:border-box; -moz-box-sizing:border-box; }

body { background: url(/templates/client/images/background.jpg); color: #FFFFFF;font-family: 'Amiri', serif;}


/* Globals */
a { text-decoration:none; color: #000; font-weight:bold; }
a:hover{cursor: pointer;}
p {line-height: 1.2;font-size:19px;}
ul{padding-left:0;}
.clickable { cursor:pointer; display:block; }
.clearfix:before { content:" "; display:table; }
.clearfix:after { content:" "; display:table; clear:both; }

/* Header */
header { width:100%; background:#fff;}
#topHeader {width: 100%; max-width: 1020px; margin: 0 auto;background: url(/templates/client/images/head-right.png);background-repeat: no-repeat;background-position: 90%;}
#topHeader .left {
	display: inline-block;
	float: left;
	width: 37%;
	padding: 22px 0 15px 0;
	background: rgb(255 255 255 / 81%);
}
#topHeader .left a {display:inline-block; width: 100%;margin: 0 0 0 0px;}
#topHeader .left a > img {width: 100%;height: auto;max-width: 500px;/* padding: 11% 0; */}
/* #topHeader > img{float:right;width: 50%;height: auto;min-width: 300px;} */ 
#topHeader .left span {
	display: inline-block;
	line-height: 25px;
	font-size: 22px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #685e52;
}

/* Nav */
nav { width:100%; margin:0 auto; background: #20201e;border-top: 10px solid #574e45;border-bottom: 10px solid #574e45; }
nav > ul { list-style:none; padding:0;width: 100%;max-width: 1200px;margin: 0 auto;text-align: center; }
nav > ul > li { display:inline-block; transition:background 0.25s; cursor:pointer; }
nav > ul > li:hover > ul { display:block; }
nav > ul > li > a { display:inline-block;padding: 10px 7px;font-family: 'Cinzel Decorative', cursive;color: #E2D9CC;font-size: 17px;font-weight: normal; }
nav > ul > li > a:hover{color: #fff;transition: .2s ease;}
nav > ul > li > ul { display:none; list-style:none; padding:0 0.8em 0.3em; margin:0; position:absolute; background: rgba(32, 32, 30, 0.75); border-top:none; z-index:3; }
nav > ul > li > ul > li { transition:background 0.25s;margin-bottom: 10px; }
nav > ul > li > ul > li:hover > a { color: #fff; transition: .2s ease; }
nav > ul > li > ul > li > a { font-family: 'Cinzel Decorative', cursive;color: #E2D9CC;font-size: 15px;font-weight: normal;}
#navSpacer{display:none;}
.hideONmobile {
	cursor:default  !important;
}

/* Main section layouts */
section { width:100%; max-width: 1200px; margin:0 auto; }
section article { width:96%;margin: 0 2%; display:inline-block;border-left: 20px solid rgba(255, 255, 255, 0.65);border-right: 20px solid rgba(255, 255, 255, 0.65);border-bottom: 20px solid rgba(255, 255, 255, 0.65); }
article > div{color:#685e52;padding: 3% 5%;background-color: #DEDBD6;width: 75%;float: left;}
h1{text-align:center;}
.contentLeft a {color: #685e52!important;} 
.contentLeft > ul > li {list-style: none;text-align: left;}
.contentLeft > p > img {width: 100%;height: auto;max-width: 550px;}
.contentLeft > img { width: 100%;height: auto;max-width: 550px;}
#homeContent > p > img {width: 100%;height: auto;max-width: 550px;}
#homeContent > img { width: 100%;height: auto;max-width: 550px;} 

/* sidebar */
section.sidebar aside { width:25%; float:right; background: #DEDBD6;padding: 6% 1% 0;}
aside > div {position: relative;width:100%; margin-bottom:5%;}
aside > div > a > img{position: relative;width:100%;height:auto;border: 5px solid #20201E;}
.caption {position: absolute;bottom: 0;width: 100%;}
.caption > h2{margin:0;display:inline-block;color: #E2D9CC;background:#20201E;padding: 0 10px;font-size:19px;}
aside > div > a:hover > img {transition: .3s ease-in-out;-webkit-box-shadow: inset 0px 0px 74px 0px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 74px 0px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 74px 0px rgba(0,0,0,0.75);opacity: .85;}
/* CTA */
#cta{text-align: center; background:#574e45;padding-top: 3%;-webkit-box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.75);
z-index: 9;position: relative}
#cta > div {display: inline-block;width: 30%;position: relative;color:#e7e2dc;}
#cta > div:nth-child(2){margin:0 1%;}
#cta > div > a > img{position: relative; width:100%;border: 6px solid #20201e;}
#cta > div > a > h2{font-family: 'Cinzel Decorative', cursive;color:#e7e2dc;margin: 0;font-size: 26px;padding-bottom: 10px;} 
#cta > div > a > p{margin-top: 5px;color:#e7e2dc;font-weight: normal;}
#cta > div > a:hover > img{transition: .3s ease-in-out;-webkit-box-shadow: inset 0px 0px 74px 0px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 74px 0px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 74px 0px rgba(0,0,0,0.75);opacity: .85;}
#cta > div > a:hover > h2{color: #908b84;transition: .3s ease-in-out;}
#cta > div > a:hover > p{color: #908b84;transition: .3s ease-in-out;}
#ctaSpacer{width:96%;margin:0 2%;display:block;border-left:20px solid rgba(255,255,255,.65);border-right:20px solid rgba(255,255,255,.65);height:40px}
#ctaSpacer > div{display: block;width: 100%;background: #DEDBD6;height: 40px;}
.borders{border-left: 20px solid rgba(255, 255, 255, 0.65);border-right: 20px solid rgba(255, 255, 255, 0.65); border-bottom: 20px solid rgba(255, 255, 255, 0.65);}
.insideWrapper{background: #DEDBD6;padding: 0 1%;}
.contentLeft {color: #685e52;padding: 3% 5%;background-color: #DEDBD6; width: 75%;float: left;}
.contentLeft > h6 {text-align: center;position: relative;margin: 0;font-size: 18px;}
.contentLeft > h6 > a{color:#685E52; text-decoration:underline;}
/*home page*/
#homeTitle{margin-top:0;}
#homeContent{width:100%;}


/* Gallery */
#gallery-categories { list-style: none; padding: 0; margin: 0; }
#gallery-categories li { width: 50%; display: block; margin: 0; padding: 1em; float:left; }
#gallery-categories li a { position: relative; display:block; }
#gallery-categories li a span { position: absolute; right: 0; bottom: 0;  background: #20201E; padding: 0.4em; color: white; }
#gallery-categories li a img { display:block; width:100%; height:auto;border: 5px solid #20201E; }
#gallery-categories li a:hover img{transition: .3s ease-in-out;-webkit-box-shadow: inset 0px 0px 74px 0px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 74px 0px rgba(0,0,0,0.75);box-shadow: inset 0px 0px 74px 0px rgb(0, 0, 0);
opacity: .85;}
#gallery-pager { position:relative; }
#gallery-pager ul { list-style: none; padding: 0 0 40px 0; margin: 0 0 -40px 0; overflow-x:hidden; overflow-y:hidden; white-space:nowrap;    text-align: center; }
#gallery-pager ul li { text-align:center; display:inline-block; margin:0.2em; border:1px solid transparent; }
#gallery-pager ul li.rslides_here { border-color:#fff; box-shadow: 0px 0px 7px 2px #7D868A; }
#gallery-pager ul li a { display: block; }
#gallery-pager ul li a img { display: block; }
#gallery-pager .prev { position:absolute; left:-0.5em; width:1em; height:1em; bottom:50%; margin-bottom:-0.5em; font-size:2em; z-index:2; font-family: FontAwesome; }
#gallery-pager .next { position:absolute; right:-1.1em; width:1em; height:1em; bottom:50%; margin-bottom:-0.5em; font-size:2em; z-index:2; font-family: FontAwesome; }
#gallery-pager ul.js::-webkit-scrollbar { display: none; }
#gallery-photos { position:relative; }
#gallery-photos ul li:active,
#gallery-photos ul li:target { display:block!important; }
#gallery-photos .prev { position:absolute; left:-0.5em; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:3em; z-index:2; font-family: FontAwesome; }
#gallery-photos .next { position:absolute; right:-1.1em; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:3em; z-index:2; font-family: FontAwesome; }
.sidebarStyle > h3 {text-align: center;color: #685E52;margin: 0;}
.sidebarStyle > ul {margin: 0;}
.sidebarStyle > ul > li{list-style:none;text-align:center;color: #685E52;}
#gallery-photos ul.rslides{max-width:500px; margin:0 auto!important;}
#gallery-caption {display: none;}
#gallery-photos img{ height: auto;  margin:0 auto; float:none;}
.gal-caption{ text-align:center; display:block; }

/* accolades */
#accolades > ul > li {line-height: 1.2;}
#accolades > ul > li:nth-child(odd){padding-bottom: 5px;font-style: italic;}
#accolades > ul > li:nth-child(even){font-weight:bold;margin-bottom: 5%; padding-left: 12px;}
#accolades > ul > li:nth-child(odd):before {content: "\f10d";font-family: FontAwesome;margin-right: 5px;font-size: 15px;}
#accolades > ul > li:nth-child(odd):after { content: "\f10e"; font-family: fontawesome; margin-left: 5px;font-size: 15px;}

/* wedding packages */
#intimate-page .contentLeft > ul > li {list-style: inherit;}
#weddings_complete-page .contentLeft > ul > li {list-style: inherit;}

/*meet bonnie*/
#meetbonnie-page .contentLeft > p > img, 
#history-page .contentLeft > p > img{width: 100%;height: auto;max-width: 300px;}

/*slider */
#slideContainer {background: #000;}
#slideContainer > div {width: 100%;max-width: 1041px;margin: 0 auto;padding: 0;}
.vidcontainer{
	background: #000;
    padding: 0;
    margin: 0 auto;
    text-align: center;
}
.vidcontainer div{
    max-width: 1200px;
	position: relative;
	margin: 0 auto;
}
.vidcontainer div::before{
	pointer-events: none;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom:0;
	left:0;
	width:100px;
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}
.vidcontainer div::after{
	pointer-events: none;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom:0;
	right:0;
	width:100px;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
}
.vidcontainer div iframe{
    line-height: 0;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    height: 500px;
}
@media (max-width:970px) {
	.vidcontainer div iframe{
		height: 300px;
	}
}

#map {height: 300px;width: 100%;max-width: 1200px; margin: 0 auto;}
#mapWrapper {background: #000;}
/*Contact form */
.form {margin-top:25px; transition:3s; transition: 0.3s;}
::-webkit-input-placeholder {color:#20201E;font-weight:bold;}
:-moz-placeholder {color:#20201E;font-weight:bold;}
::-moz-placeholder {color:#20201E;font-weight:bold;}
:-ms-input-placeholder {color:#20201E;font-weight:bold;}

.form ul {padding:0 !important;}
.form ul li {padding-left:0 !important; }
.form ul li:before {display:none;}
.form input{padding: 5px 2%;}
.form .inputText{ width: 100%; }		
.form img{ border: none !important;border-radius: 3px;margin: 0px !important;padding: 1px 0px 2px 0px; position: absolute;top: 0px; right: 0; width:100px !important; }
.form input, .form select, .form textarea {outline: 0; border: none; background-color: #fff; padding: 6px 2%;margin: 0;border-right: none;  font-size: 17px; margin-bottom: 20px; transition: 0.3s;
 box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.11);   -moz-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.11);  -webkit-box-shadow:inset 1px 1px 6px rgba(0, 0, 0, 0.11); }
.form textarea{ margin-top: 5px; padding:5px 1%; width:100%; height:70px; resize:vertical; }	
.form button, .form  input[type="submit"] { position:relative; width:100%; border:none; line-height: 35px; font-size: 18px; font-weight: 400; cursor:pointer;  border-radius:2px;  text-transform:uppercase; font-family: 'Oswald', sans-serif;  margin-top: -9px; outline: 0;color: #fff; background: #20201E; cursor: pointer; vertical-align: top; transition: 0.4s, margin-top 0.0s;}		
.form button:hover, .form  input[type="submit"]:hover  { background: #D81515; }			
.form button:active , .form  input[type="submit"]:active {}
.form button:after {content: "\f054";font-family: FontAwesome;position: absolute;right: 10px;top: 2px;font-size: 17px;color: #fff;}	
.form label {display: none ; margin-top: -20px; color:#53320C}
	.catcha {  height: 32px;  }
.form img { box-shadow: none;  -moz-box-shadow: none;  -webkit-box-shadow: none;    margin-top: 5px !important; box-shadow: 1px 1px 6px #BDBABA;}
	.inputsFull {padding:0; list-style:none !important}
	.inputsFull label {margin-top:10px;}
	.inputsFull li {width:47.5%; float:left;}

	
	/* FORM VALIDATION */
	div.formErrors{ display:none !important;}
	.error{background: url(/templates/client/images/asterisc.png) no-repeat right -29px !important; background-color: #F50F0F !important; color:white; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29); transition:0.3s, background-color 0.3s !important;
	box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26); -moz-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26); -webkit-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26);}
	.error::-webkit-input-placeholder {color:#fff;}
	.error:-moz-placeholder {color:#fff;}
	.error::-moz-placeholder {color:#fff;}
	.error:-ms-input-placeholder {color:#fff;}
	.required {background: url(/templates/client/images/asterisc.png) no-repeat right 2px; }
	.form label.error  {display: none !important;}
	.form select.required {background-position:right 29px top 1px; }
	.form select.error {  background-position:right 29px top -30px !important;}
	.form textarea.error{background: url(/templates/client/images/asterisc.png) no-repeat right -30px ;}
	
	/* FORM HIGHLIGHT */
	.highlight{ }
		.highlight label{ text-shadow:1px 1px 10px black;}
		.highlight-selected{ background-color:#FF0;}

.date-wrapper {position: absolute;text-align: right;width: 68px;left: 0px; top:10px;}
		.month {color:#848586; font-size: 24px; text-transform:uppercase;line-height: 21px;}
		.day {color:#9c9d9e; font-size:20px;}
		.year {color:#c2c4c5; font-size:12px; }
@media screen and (max-width: 700px) {	
	.inputsFull li {width:100% !important; margin:0 !important;}	
	.form button {margin-top:0px;}
}

.foundation {
 margin: 25px 20px;
 text-align: center;
}
.foundation a {
	position: relative; 
	background: #ff947f;
	padding: 5px 46px 5px 20px;
	border-radius: 3px;
	font-size: 20px;
	box-shadow: 2px 10px 9px -7px #00000040;
}
.foundation a i {
	position: absolute;
	right: 14px;
	top: 50%;
	margin-top: -10px;
	font-size: 22px;
	line-height: 22px;
	color: #ffffff96;
}
.foundation a:hover {
	background: #f18570;
}

.brochure {
	margin: 1px 20px 26px 20px;
	text-align: center;
	}
   .brochure a {
	   position: relative;
	   background: #ffffff38;
	   padding: 1px 14px 1px 40px;
	   border-radius: 3px;
	   font-size: 16px;
	   color: white !important;
	   box-shadow: 2px 10px 9px -7px #00000040;
	  }
   .brochure a i {
	   position: absolute;
	   left: 14px;
	   top: 50%;
	   margin-top: -10px;
	   font-size: 17px;
	   line-height: 22px;
	   color: #ff947f;
	  }
   .brochure a:hover {
	   background: #ffffff52;
	  }

/* Footer */
footer {width:100%;background: #20201E;text-align:center;margin-top: 4em;padding-top: 2%;border-top: 5px solid #574E45;}
footer ul li {list-style: none;}
footer > section{
	display: flex;
	flex-flow: row nowrap;
	margin-bottom: 0em !important;
}
footer > section > div {
	width: 33%;
	display: flex;
	justify-content: space-evenly;
}
footer > section > div:last-child { flex-flow:column; line-height:1em;}
footer > section > div:first-child { width:66%; }
footer > section > div:first-child > a {width: 22%;margin: 0 1%; display: flex; justify-content: center; align-items: center;}
footer > section > div:first-child > a > img{width:100%; max-width:100px; height:auto;}
footer > section > div:nth-child(2) > ul{margin:0;}
footer > section > div:nth-child(2) > ul > li{list-style:none;color: #e7e2dc;line-height: 1.2;font-size: 17px;}
footer > section > div:nth-child(2) > ul > li > a{color: #e7e2dc;line-height: 1.2;font-size: 17px;}
footer > section > div:nth-child(2) > ul > li > h2{margin: 0;padding-bottom:5px;}
footer > section > div:last-child   a > i{ color: #E7E2DC;font-size: 25px;}
footer > section > div:last-child   a > i{ border: 2px solid;background: #574E45;margin: 2%; color:#B1ADA9;}
.fa-facebook{padding: 5px 12px;}
.fa-google{padding: 5px 10px;}
footer a{color:#e7e2dc!important;}
   
/* Compucast Logo CSS */
span.compucast { font-family:sans-serif; display:inline-block; overflow:hidden; white-space:nowrap; position:relative; padding:0.5em 1.45em; width:0; color:transparent; transition:0.5s; text-align:center; border-radius:1em; line-height:1em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
span.compucast a {color:black; font-weight:bold;}
span.compucast:before,
span.compucast:after { content:""; width:1em; height:1em; display:inline-block; border-radius:1em; transition:0.5s; position:absolute; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); top:0.3em; }
span.compucast:before { border:0.2em solid #66459C; border-right-color:transparent; left:0.4em; }
span.compucast:after { border:0.2em solid #219A31; border-left-color:transparent; right:0.4em; }
span.compucast.hover,
span.compucast:hover { width:18.8em; color:gray; background:white; background:rgba(255,255,255,0.8); }
span.compucast.hover a,
span.compucast:hover a { color:black; }
span.compucast.hover:before,
span.compucast.hover:after,
span.compucast:hover:before,
span.compucast:hover:after { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }

/* ResponsiveSlides */
ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

/* ================================================== Media Queries ================================================== */
@media (max-width:1070px) {
	nav > ul > li > a {padding: 10px 5px;font-size: 14px;}
	nav > ul > li > ul > li > a {font-size: 14px;}
	
}

@media (max-width:885px) {
	/*NAV */
	#navSpacer{width:100%;display:block;border-bottom: 1px solid #040404; border-top: 1px solid #424242;}
	nav > ul > li >a {font-size:18px;}
	nav > ul > li > ul > li > a {font-size:18px;}
	#topHeader {
		background-position: 135%;
		/* background-size: 100%; */
		padding: 10px 0px;
	}
	/*CTA*/
	#cta > div > h2 {font-size: 20px;}
	#ctaSpacer{height:25px}
	#ctaSpacer > div{height:25px}
	/*footer*/
	footer > section > div:nth-child(2) > ul > li{font-size: 14px;}
	footer a{color:#e7e2dc;}
	/*layout*/
	.contentLeft{width:100%;}
	section.sidebar aside{width:100%;text-align: center;}
	aside > div {width:31%; display:inline-block;}
	#cta > div > a > h2 {font-size: 21px;}
	/* aside*/
	.sidebarStyle{width:100%;}
	}
	

	
@media (max-width:767px) {
	/*nav styles*/
	nav > ul{max-height: 0;overflow: hidden;-moz-transition: max-height .7s ease-in-out;-o-transition: max-height .7s ease-in-out;-webkit-transition: max-height .7s ease-in-out;transition: max-height .7s ease-in-out;}
	nav > ul > li { display:block;border-bottom: 1px solid #040404; border-top: 1px solid #424242;}
	.menuMove {width: 30px;height: 30px;     margin: 0 auto;}
	.menuMove:after {content: 'Menu';left: 50px;position: relative;font-size: 25px;font-family: 'Cinzel Decorative', cursive;top: -6px;}
	.menuMove > span{width: 35px;height: 2px;background-color: #fff;position: relative;display: block;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
	nav > ul > li > ul {position:relative;width:100%;display:block;padding:0;}
	nav > ul > li > ul > li{    display: block;border-bottom: 1px solid #040404;border-top: 1px solid #424242; margin-bottom:0;padding: 10px 5px;}
	nav > ul > li > ul > li > a{text-transform: uppercase;font-size: 18px; padding: 10px 5px;font-weight: normal;}
	.hideONmobile {
		display:none;
	}
	.showMenu.expDivHeader {padding: 10px 0;}
	.nav-open{max-height: 800px;z-index: 9;}
	span.bar-1 {top: 1px;}
	span.bar-2 {top: 11px;}
	span.bar-3 {top: 21px;}
	.bar-1.bar-open{-webkit-transform:matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0);-moz-transform:matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0);-ms-transform:matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0);-o-transform:matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0);transform:matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0);top: 15px;}
	.bar-2.bar-open {opacity: 0;}
	.bar-3.bar-open{-webkit-transform:matrix(-0.7071, 0.7071, -0.7071, -0.7071, 0, 0);-moz-transform:matrix(-0.7071, 0.7071, -0.7071, -0.7071, 0, 0);-ms-transform:matrix(-0.7071, 0.7071, -0.7071, -0.7071, 0, 0);-o-transform:matrix(-0.7071, 0.7071, -0.7071, -0.7071, 0, 0);transform:matrix(-0.7071, 0.7071, -0.7071, -0.7071, 0, 0);top: 12px;}
	.interior-left { width: 98%;margin: 0 1% 2%;}
	#navSpacer{border:none;}
	#topHeader {
		background-size: 702px;
	}
	#topHeader .left {display: block;float: none;width: 100%;max-width: 500px;margin: 0% auto;}
	#topHeader .left a {width: 100%; margin: 8px 0 0 0px;text-align: center;} 
	#topHeader .left a>img {/* padding: 6% 1%; */}
	#topHeader .left span {
		color: #685e52;
	}
	/*CTA*/
	#cta > div { width: 100%;max-width: 500px;margin: 2% 0;} 
	#cta > div > h2 {font-size: 27px;}
	/*footer*/
footer > section{ flex-flow:row wrap; }
footer > section > div,footer > section > div:first-child{width:100%; margin:1em;}
}	


@media (max-width:699px) {
	aside > div {width: 100%;max-width: 445px;}
	.caption > h2 {font-size:30px;}
	}

@media (max-width:650px) {
#gallery-categories li {width: 100%;}
}

@media (max-width:550px) {
	header { text-align:center; }
	#topHeader {background-position: 30%;}
	footer { text-align:center; }
	.contentLeft > p > a {color: #685e52;}
	#cta > div:nth-child(2) {margin: 0;}
	#gallery-photos .next {right: -.5em;width: 15px;}

	.book {margin-right: 30%!important;margin-bottom: 5%;}
footer > section > div,footer > section > div:first-child{flex-flow: row wrap;}
footer>section>div:first-child>a{ width:31%; margin:1%;}
}

@media (max-width:500px) {
	#homeTitle, h1 {line-height: 1;font-size: 24px;}
	#intimate-page .contentLeft > ul {padding-left:20px;}
	#weddings_complete-page .contentLeft > ul{padding-left:20px;}
	}


.book.subtext{ margin-bottom:30px; }



