/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, div.center p.quote, div.center p.center, div.center p.photo-credit, div.center p.caption, div.center li, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none;
  /*added this so links would not have underline*/
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

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

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*++++++++++ MY GLOBAL +++++++++++++++*/
body {
  height: 100%;
}

html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  /*for iphone landscape to work with menu text*/
}

div#page {
  position: relative;
  min-height: 100%;
}

div.sub-wrap {
  position: relative;
  width: 100%;
  z-index: 0;
  overflow: hidden;
  clear: both;
}

div.sub-wrap-z-1000 {
  position: relative;
  width: 100%;
  z-index: 1000;
  /* margin-left: auto; */
  /* margin-right: auto; */
  /* overflow: hidden; */
  clear: both;
}

div.row {
  position: relative;
  z-index: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  clear: both;
}

img, embed, object, video {
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

div.group:after {
  /* self-clear floats from cederholm; also add ie hacks */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* 
a:link, a:visited {
	text-decoration: none;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

 */
b, strong {
  font-weight: bold;
}

i, em {
  font-style: italic;
}

*, *:before, *:after {
  box-sizing: border-box;
}

body {
  background-image: url(../img-background/29.jpg);
  font-family: 'Clarendon Text W01';
}

.m {
  display: none;
}
@media only screen and (max-width: 640px) {
  .m {
    display: block;
  }
}

.d {
  display: block;
}
@media only screen and (max-width: 640px) {
  .d {
    display: none;
  }
}

div#content-wrapper {
  width: 100%;
}

strong {
  font-family: 'Clarendon Text W01';
  font-weight: 700;
  font-style: normal;
}

em {
  font-family: 'Clarendon Text W01';
  font-weight: 400;
  font-style: italic;
}

b {
  font-family: 'Clarendon Text W01';
  font-weight: 700;
  font-style: normal;
}

i {
  font-family: 'Clarendon Text W01';
  font-weight: 400;
  font-style: italic;
}

div#header {
  /* height: 150px; */
  width: 100%;
  position: relative;
  z-index: 10;
  margin: 0;
  padding: 0;
  /* @include shadow(0, 2px, 5px, rgba(0,0,0,.6)); */
  background: #fff;
  background-image: url(../img-background/burlap.png);
}
div#header::after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (max-width: 1050px) {
  div#header {
    /* height: 120px; */
  }
}
@media only screen and (max-width: 800px) {
  div#header {
    /* height: 100px; */
  }
}
@media only screen and (max-width: 700px) {
  div#header {
    /* height: 90px; */
  }
}
div#header div.buy-starburst {
  height: auto;
  position: absolute;
  width: 100px;
  top: 20px;
  right: 20px;
}
@media only screen and (min-width: 768px) {
  div#header div.buy-starburst {
    width: 100px;
    top: 110px;
    right: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  div#header div.buy-starburst {
    width: 200px;
    top: 20px;
    right: 20px;
  }
}
div#header div#logo {
  float: left;
  width: 20%;
  padding: 5px 20px 0 30px;
  /* max-width: 271px; */
}
@media only screen and (max-width: 700px) {
  div#header div#logo {
    padding: 5px 0 0 10px;
  }
}
div#header div#logo img {
  /* max-height: 125px; */
  margin: 0 0 15px 0;
}
@media only screen and (max-width: 1050px) {
  div#header div#logo img {
    /* max-height: 100px; */
  }
}
@media only screen and (max-width: 800px) {
  div#header div#logo img {
    padding: 0;
    /* max-height: 80px; */
  }
}
@media only screen and (max-width: 700px) {
  div#header div#logo img {
    /* max-height: 75px; */
  }
}
div#header div#nav-and-tagline {
  width: 80%;
  float: left;
  padding: 0;
}
div#header div#nav-and-tagline div#nav {
  width: 100%;
}
div#header div#nav-and-tagline div#tagline {
  width: 100%;
  float: left;
  padding: 15px 0 10px 0;
}
div#header div#nav-and-tagline div#tagline p, div#header div#nav-and-tagline div#tagline div.center li, div.center div#header div#nav-and-tagline div#tagline li {
  margin: 0;
  line-height: 1;
}
div#header div#nav-and-tagline div#tagline p.header-mtn, div#header div#nav-and-tagline div#tagline div.center li.header-mtn, div.center div#header div#nav-and-tagline div#tagline li.header-mtn {
  font-family: "Francois One";
  font-weight: 400;
  font-style: normal;
  font-size: 27px;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #CCCA8F;
}
div#header div#nav-and-tagline div#tagline p.header-mtn a:link, div#header div#nav-and-tagline div#tagline div.center li.header-mtn a:link, div.center div#header div#nav-and-tagline div#tagline li.header-mtn a:link, div#header div#nav-and-tagline div#tagline p.header-mtn a:visited, div#header div#nav-and-tagline div#tagline div.center li.header-mtn a:visited, div.center div#header div#nav-and-tagline div#tagline li.header-mtn a:visited {
  color: #CCCA8F;
  text-decoration: none;
  border-bottom: none;
  padding-bottom: none;
}
div#header div#nav-and-tagline div#tagline p.header-mtn a:hover, div#header div#nav-and-tagline div#tagline div.center li.header-mtn a:hover, div.center div#header div#nav-and-tagline div#tagline li.header-mtn a:hover {
  color: #4E6872;
  text-decoration: none;
  border-bottom: none;
  padding-bottom: none;
}
@media only screen and (max-width: 1050px) {
  div#header div#nav-and-tagline div#tagline p.header-mtn, div#header div#nav-and-tagline div#tagline div.center li.header-mtn, div.center div#header div#nav-and-tagline div#tagline li.header-mtn {
    font-size: 24px;
  }
}
@media only screen and (max-width: 800px) {
  div#header div#nav-and-tagline div#tagline p.header-mtn, div#header div#nav-and-tagline div#tagline div.center li.header-mtn, div.center div#header div#nav-and-tagline div#tagline li.header-mtn {
    font-size: 21px;
  }
}
@media only screen and (max-width: 700px) {
  div#header div#nav-and-tagline div#tagline p.header-mtn, div#header div#nav-and-tagline div#tagline div.center li.header-mtn, div.center div#header div#nav-and-tagline div#tagline li.header-mtn {
    font-size: 18px;
  }
}
div#header div#nav-and-tagline div#tagline p.header-toc, div#header div#nav-and-tagline div#tagline div.center li.header-toc, div.center div#header div#nav-and-tagline div#tagline li.header-toc {
  font-family: bevan;
  font-weight: 400;
  background: #4E6872;
  color: #d4cf98;
  padding: 10px;
  font-size: 48px;
  line-height: 1.1;
}
@media only screen and (max-width: 1050px) {
  div#header div#nav-and-tagline div#tagline p.header-toc, div#header div#nav-and-tagline div#tagline div.center li.header-toc, div.center div#header div#nav-and-tagline div#tagline li.header-toc {
    font-size: 45px;
  }
}
@media only screen and (max-width: 800px) {
  div#header div#nav-and-tagline div#tagline p.header-toc, div#header div#nav-and-tagline div#tagline div.center li.header-toc, div.center div#header div#nav-and-tagline div#tagline li.header-toc {
    font-size: 36px;
  }
}
@media only screen and (max-width: 700px) {
  div#header div#nav-and-tagline div#tagline p.header-toc, div#header div#nav-and-tagline div#tagline div.center li.header-toc, div.center div#header div#nav-and-tagline div#tagline li.header-toc {
    font-size: 24px;
  }
}
@media only screen and (max-width: 640px) {
  div#header div#nav-and-tagline div#tagline p.header-toc, div#header div#nav-and-tagline div#tagline div.center li.header-toc, div.center div#header div#nav-and-tagline div#tagline li.header-toc {
    font-size: 21px;
  }
}
@media only screen and (max-width: 460px) {
  div#header div#nav-and-tagline div#tagline p.header-toc, div#header div#nav-and-tagline div#tagline div.center li.header-toc, div.center div#header div#nav-and-tagline div#tagline li.header-toc {
    font-size: 18px;
  }
}
div#header div#nav-and-tagline div#tagline p.header-date, div#header div#nav-and-tagline div#tagline div.center li.header-date, div.center div#header div#nav-and-tagline div#tagline li.header-date {
  font-family: "Francois One";
  font-weight: 400;
  font-size: 30px;
  line-height: 1.1;
  font-style: normal;
  background: #d4cf98;
  text-transform: uppercase;
  color: #4E6872;
  padding: 5px 10px;
}
@media only screen and (max-width: 1050px) {
  div#header div#nav-and-tagline div#tagline p.header-date, div#header div#nav-and-tagline div#tagline div.center li.header-date, div.center div#header div#nav-and-tagline div#tagline li.header-date {
    font-size: 30px;
  }
}
@media only screen and (max-width: 800px) {
  div#header div#nav-and-tagline div#tagline p.header-date, div#header div#nav-and-tagline div#tagline div.center li.header-date, div.center div#header div#nav-and-tagline div#tagline li.header-date {
    font-size: 27px;
  }
}
@media only screen and (max-width: 700px) {
  div#header div#nav-and-tagline div#tagline p.header-date, div#header div#nav-and-tagline div#tagline div.center li.header-date, div.center div#header div#nav-and-tagline div#tagline li.header-date {
    font-size: 24px;
  }
}
@media only screen and (max-width: 640px) {
  div#header div#nav-and-tagline div#tagline p.header-date, div#header div#nav-and-tagline div#tagline div.center li.header-date, div.center div#header div#nav-and-tagline div#tagline li.header-date {
    font-size: 21px;
  }
}
@media only screen and (max-width: 460px) {
  div#header div#nav-and-tagline div#tagline p.header-date, div#header div#nav-and-tagline div#tagline div.center li.header-date, div.center div#header div#nav-and-tagline div#tagline li.header-date {
    font-size: 18px;
  }
}
div#header div#nav-and-tagline div#tagline p.header-buy, div#header div#nav-and-tagline div#tagline div.center li.header-buy, div.center div#header div#nav-and-tagline div#tagline li.header-buy {
  font-family: "Francois One";
  font-weight: 400;
  font-size: 27px;
  line-height: 1;
  font-style: normal;
  background: #d4cf98;
  text-transform: uppercase;
  color: #4E6872;
  padding: 5px 10px;
}
div#header div#nav-and-tagline div#tagline p.header-buy a:link, div#header div#nav-and-tagline div#tagline div.center li.header-buy a:link, div.center div#header div#nav-and-tagline div#tagline li.header-buy a:link, div#header div#nav-and-tagline div#tagline p.header-buy a:visited, div#header div#nav-and-tagline div#tagline div.center li.header-buy a:visited, div.center div#header div#nav-and-tagline div#tagline li.header-buy a:visited {
  color: #A0522E;
  border: none;
}
div#header div#nav-and-tagline div#tagline p.header-buy a:hover, div#header div#nav-and-tagline div#tagline div.center li.header-buy a:hover, div.center div#header div#nav-and-tagline div#tagline li.header-buy a:hover {
  color: #4E6872;
  border: none;
}
@media only screen and (max-width: 1050px) {
  div#header div#nav-and-tagline div#tagline p.header-buy, div#header div#nav-and-tagline div#tagline div.center li.header-buy, div.center div#header div#nav-and-tagline div#tagline li.header-buy {
    font-size: 27px;
  }
}
@media only screen and (max-width: 800px) {
  div#header div#nav-and-tagline div#tagline p.header-buy, div#header div#nav-and-tagline div#tagline div.center li.header-buy, div.center div#header div#nav-and-tagline div#tagline li.header-buy {
    font-size: 24px;
  }
}
@media only screen and (max-width: 700px) {
  div#header div#nav-and-tagline div#tagline p.header-buy, div#header div#nav-and-tagline div#tagline div.center li.header-buy, div.center div#header div#nav-and-tagline div#tagline li.header-buy {
    font-size: 21px;
  }
}
@media only screen and (max-width: 640px) {
  div#header div#nav-and-tagline div#tagline p.header-buy, div#header div#nav-and-tagline div#tagline div.center li.header-buy, div.center div#header div#nav-and-tagline div#tagline li.header-buy {
    font-size: 18px;
  }
}
@media only screen and (max-width: 460px) {
  div#header div#nav-and-tagline div#tagline p.header-buy, div#header div#nav-and-tagline div#tagline div.center li.header-buy, div.center div#header div#nav-and-tagline div#tagline li.header-buy {
    font-size: 18px;
  }
}
div#header div#nav-and-tagline div#tagline p.header-save, div#header div#nav-and-tagline div#tagline div.center li.header-save, div.center div#header div#nav-and-tagline div#tagline li.header-save {
  font-family: "Maiden Orange";
  font-weight: 400;
  font-size: 24px;
  line-height: 1.1;
  color: #f7a050;
  background: #4E6872;
  text-transform: uppercase;
  padding: 10px 0 5px 10px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 1050px) {
  div#header div#nav-and-tagline div#tagline p.header-save, div#header div#nav-and-tagline div#tagline div.center li.header-save, div.center div#header div#nav-and-tagline div#tagline li.header-save {
    font-size: 24px;
  }
}
@media only screen and (max-width: 800px) {
  div#header div#nav-and-tagline div#tagline p.header-save, div#header div#nav-and-tagline div#tagline div.center li.header-save, div.center div#header div#nav-and-tagline div#tagline li.header-save {
    font-size: 21px;
  }
}
@media only screen and (max-width: 700px) {
  div#header div#nav-and-tagline div#tagline p.header-save, div#header div#nav-and-tagline div#tagline div.center li.header-save, div.center div#header div#nav-and-tagline div#tagline li.header-save {
    font-size: 21px;
  }
}
@media only screen and (max-width: 640px) {
  div#header div#nav-and-tagline div#tagline p.header-save, div#header div#nav-and-tagline div#tagline div.center li.header-save, div.center div#header div#nav-and-tagline div#tagline li.header-save {
    font-size: 18px;
  }
}
@media only screen and (max-width: 460px) {
  div#header div#nav-and-tagline div#tagline p.header-save, div#header div#nav-and-tagline div#tagline div.center li.header-save, div.center div#header div#nav-and-tagline div#tagline li.header-save {
    font-size: 16px;
  }
}
div#header div#nav-and-tagline div#tagline p.header-purchase, div#header div#nav-and-tagline div#tagline div.center li.header-purchase, div.center div#header div#nav-and-tagline div#tagline li.header-purchase {
  font-family: 'bevan', serif;
  margin-top: .5em 0;
  font-size: 24px;
  line-height: 1.1;
  color: #f7a050;
  background: #4E6872;
  text-transform: uppercase;
  padding: 10px 0 5px 10px;
  letter-spacing: 1px;
}
div#header div#nav-and-tagline div#tagline p.header-purchase a:link, div#header div#nav-and-tagline div#tagline div.center li.header-purchase a:link, div.center div#header div#nav-and-tagline div#tagline li.header-purchase a:link, div#header div#nav-and-tagline div#tagline p.header-purchase a:visited, div#header div#nav-and-tagline div#tagline div.center li.header-purchase a:visited, div.center div#header div#nav-and-tagline div#tagline li.header-purchase a:visited, div#header div#nav-and-tagline div#tagline p.header-purchase a:hover, div#header div#nav-and-tagline div#tagline div.center li.header-purchase a:hover, div.center div#header div#nav-and-tagline div#tagline li.header-purchase a:hover {
  border: none !important;
}
@media only screen and (max-width: 800px) {
  div#header div#nav-and-tagline div#tagline {
    margin-top: 10px;
  }
}
div#header div#nav-and-tagline div#tagline img.buy-starburst {
  position: absolute;
  top: 10px;
  right: 10px;
  max-width: 100px;
}
div#header div#nav-and-tagline div#tagline h1 {
  font-family: "Clarendon Text W01", serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 100px 0 50px;
  text-align: left;
  color: #BFA37C;
}
@media only screen and (max-width: 1050px) {
  div#header div#nav-and-tagline div#tagline h1 {
    font-size: 21px;
  }
}
@media only screen and (max-width: 800px) {
  div#header div#nav-and-tagline div#tagline h1 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 700px) {
  div#header div#nav-and-tagline div#tagline h1 {
    font-size: 14px;
    margin: 0 20px 0 0;
  }
}

div#fixedbar {
  display: none;
  position: fixed;
  width: 100%;
  /* height: 70px; */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
  background: #fff;
  background-image: url(../img-background/burlap.png);
  z-index: 20;
  /* 
  	a:link, a:visited {
  		border-bottom: none;
  		text-decoration: none;	
  	}
   */
}
div#fixedbar::after {
  clear: both;
  content: "";
  display: table;
}
div#fixedbar div#logo-fixedbar {
  float: left;
  width: 20%;
  padding: 5px 0;
}
div#fixedbar div#logo-fixedbar img {
  max-height: 60px;
  margin: 0 0 0 85px;
}
@media only screen and (max-width: 1050px) {
  div#fixedbar div#logo-fixedbar img {
    margin: 0 0 0 60px;
  }
}
@media only screen and (max-width: 800px) {
  div#fixedbar div#logo-fixedbar img {
    margin: 0 0 0 40px;
  }
}
@media only screen and (max-width: 700px) {
  div#fixedbar div#logo-fixedbar img {
    margin: 0 0 0 20px;
  }
}
div#fixedbar div#nav-fixedbar {
  width: 100%;
  margin: 0;
  padding: 0;
  float: none;
}

div#header-mobile {
  width: 100%;
  position: relative;
  background-image: url(../img-png/burlap.png);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
  /* 
  	div#logo-mobile {
  		margin: 0 auto;
  		padding: 5px 0;
  
  			@include respond-to(phone-landscape) {
  				width: 20%;  // <<<
  			}
  			@include respond-to(phone) {
  				width: 30%;  // <<<
  			}
  
  	} // logo-mobile
   */
}
div#header-mobile::after {
  clear: both;
  content: "";
  display: table;
}
div#header-mobile p, div#header-mobile div.center li, div.center div#header-mobile li {
  margin: 0;
  line-height: 1;
  text-align: center;
}
div#header-mobile p.header-mtn, div#header-mobile div.center li.header-mtn, div.center div#header-mobile li.header-mtn {
  font-family: "Francois One";
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.1;
  padding: 10px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #E2E1C1;
}
div#header-mobile p.header-mtn a:link, div#header-mobile div.center li.header-mtn a:link, div.center div#header-mobile li.header-mtn a:link, div#header-mobile p.header-mtn a:visited, div#header-mobile div.center li.header-mtn a:visited, div.center div#header-mobile li.header-mtn a:visited {
  color: #E2E1C1;
  text-decoration: none;
  border-bottom: none;
  padding-bottom: none;
}
div#header-mobile p.header-mtn a:hover, div#header-mobile div.center li.header-mtn a:hover, div.center div#header-mobile li.header-mtn a:hover {
  color: #4E6872;
  text-decoration: none;
  border-bottom: none;
  padding-bottom: none;
}
@media only screen and (max-width: 460px) {
  div#header-mobile p.header-mtn, div#header-mobile div.center li.header-mtn, div.center div#header-mobile li.header-mtn {
    font-size: 16px;
    letter-spacing: 0px;
  }
}
div#header-mobile p.header-toc, div#header-mobile div.center li.header-toc, div.center div#header-mobile li.header-toc {
  font-family: bevan;
  font-weight: 400;
  background: #4E6872;
  color: #d4cf98;
  padding: 10px;
  font-size: 30px;
  line-height: 1.1;
}
@media only screen and (max-width: 640px) {
  div#header-mobile p.header-toc, div#header-mobile div.center li.header-toc, div.center div#header-mobile li.header-toc {
    font-size: 27px;
  }
}
@media only screen and (max-width: 460px) {
  div#header-mobile p.header-toc, div#header-mobile div.center li.header-toc, div.center div#header-mobile li.header-toc {
    font-size: 24px;
  }
}
div#header-mobile p.header-date, div#header-mobile div.center li.header-date, div.center div#header-mobile li.header-date {
  font-family: "Francois One";
  font-weight: 400;
  font-size: 24px;
  line-height: 1.1;
  font-style: normal;
  background: #d4cf98;
  text-transform: uppercase;
  color: #4E6872;
  padding: 5px 10px;
}
@media only screen and (max-width: 640px) {
  div#header-mobile p.header-date, div#header-mobile div.center li.header-date, div.center div#header-mobile li.header-date {
    font-size: 21px;
  }
}
@media only screen and (max-width: 460px) {
  div#header-mobile p.header-date, div#header-mobile div.center li.header-date, div.center div#header-mobile li.header-date {
    font-size: 18px;
  }
}
div#header-mobile p.header-save, div#header-mobile div.center li.header-save, div.center div#header-mobile li.header-save {
  font-family: "Maiden Orange";
  font-weight: 400;
  font-size: 21px;
  line-height: 1.1;
  color: #f7a050;
  background: #4E6872;
  text-transform: uppercase;
  padding: 10px 0 5px 10px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 640px) {
  div#header-mobile p.header-save, div#header-mobile div.center li.header-save, div.center div#header-mobile li.header-save {
    font-size: 18px;
  }
}
@media only screen and (max-width: 460px) {
  div#header-mobile p.header-save, div#header-mobile div.center li.header-save, div.center div#header-mobile li.header-save {
    font-size: 16px;
  }
}

div#sub-nav p, div#sub-nav div.center li, div.center div#sub-nav li {
  width: 98%;
  text-align: center;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 2;
  text-transform: uppercase;
}
div#sub-nav p a:link, div#sub-nav div.center li a:link, div.center div#sub-nav li a:link, div#sub-nav p a:visited, div#sub-nav div.center li a:visited, div.center div#sub-nav li a:visited {
  color: #778398;
  text-decoration: none;
  border-bottom: 1px dotted #778398;
  padding-bottom: 4px;
}
div#sub-nav p a:hover, div#sub-nav div.center li a:hover, div.center div#sub-nav li a:hover {
  color: #cc6f31;
  text-decoration: none;
  border-bottom: 1px solid #cc6f31;
  padding-bottom: 4px;
}
div#sub-nav p a:link, div#sub-nav div.center li a:link, div.center div#sub-nav li a:link, div#sub-nav p a:visited, div#sub-nav div.center li a:visited, div.center div#sub-nav li a:visited {
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

div#menu {
  display: none;
  -webkit-transition: 1s;
  transition: 1s;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 2;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #e2e1c1;
  max-height: 30px;
  padding: 0 0 10px 10px;
}
@media only screen and (max-width: 640px) {
  div#menu {
    display: block;
  }
}
div#menu span {
  font-size: 16px;
  font-family: 'Clarendon Text W01';
  font-weight: 700;
  font-style: normal;
  padding: 0 0 5px 0;
  color: #778398;
}
@media only screen and (max-width: 640px) {
  div#menu span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 460px) {
  div#menu span {
    font-size: 13px;
  }
}

div#menu:active {
  max-height: 999px;
}

div#menu:hover {
  max-height: 999px;
}

div#menu a:link {
  padding-left: 100px;
  color: #778398;
}

div#menu a:link.see, a:visited.see {
  color: #778398;
  padding: 1px 4px 2px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

div#menu a:hover {
  color: #cc6f31;
  background-color: #dec791;
  padding: 1px 4px 2px;
  border-radius: 5px;
  text-decoration: none;
}

div#menu li.current a.current {
  color: #cc6f31;
  background-color: #dec791;
  display: inline-block;
}

div#nav {
  position: relative;
  z-index: 900;
  margin: -10px 0 0 0;
  padding: 0;
  /* padding: 10px 0 10px 8px; */
  background: #A0522E;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width: 1050px) {
  div#nav {
    margin: 0;
    padding: 0;
    /* padding: 4px; */
  }
}
@media only screen and (max-width: 800px) {
  div#nav {
    /* padding: 3px; */
  }
}
@media only screen and (max-width: 700px) {
  div#nav {
    /* padding: 3px; */
  }
}

div#nav ul.dropdown {
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 13px;
  font-style: none;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  color: #403829;
  line-height: 1;
  padding: 10px 0 10px 5px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 800px) {
  div#nav ul.dropdown {
    font-size: 12px;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 700px) {
  div#nav ul.dropdown {
    font-size: 11px;
  }
}

div#nav ul.dropdown li {
  float: none;
  display: inline-block;
  padding: 2px 3px;
  zoom: 1;
}

div#nav ul.dropdown li a:link, a:visited {
  color: #e2e1c1;
  padding: 2px 3px;
  /* border-bottom: none; */
  /* text-decoration: none;	 */
  -webkit-transition: all 0.10s ease-in-out;
  transition: all 0.10s ease-in-out;
}

div#nav ul.dropdown li a:hover {
  color: #e2e1c1;
  padding: 2px 3px;
  background: #4E6872;
  border-radius: 5px;
}

div#nav ul.dropdown li.hover,
div#nav ul.dropdown li:hover {
  position: relative;
}

div#nav ul.dropdown li ul.sub-menu {
  width: 200px;
  font-size: 12px;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 10px 3px 0 3px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  letter-spacing: 1px;
  background: #A0522E;
}
@media only screen and (max-width: 800px) {
  div#nav ul.dropdown li ul.sub-menu {
    font-size: 12px;
  }
}
@media only screen and (max-width: 700px) {
  div#nav ul.dropdown li ul.sub-menu {
    font-size: 11px;
  }
}

div#nav ul.dropdown li ul.sub-menu li {
  background: #A0522E;
  float: none;
  text-align: left;
  width: 100%;
  display: inline-block;
  line-height: 1.2;
  margin-bottom: 10px;
  color: #FFFDF2;
}
@media only screen and (max-width: 800px) {
  div#nav ul.dropdown li ul.sub-menu li {
    line-height: 1.4;
  }
}
@media only screen and (max-width: 700px) {
  div#nav ul.dropdown li ul.sub-menu li {
    line-height: 1.8;
  }
}

div#nav ul.dropdown li ul.sub-menu li a:link {
  -webkit-transition: none;
  transition: none;
}

div#nav ul.dropdown li ul.sub-menu li a:visited {
  -webkit-transition: none;
  transition: none;
}

div#nav ul.dropdown li ul.sub-menu li a:hover {
  /* background: $color-blue-light; */
  /* color: $color-blue-dark; */
  padding: 0 3px;
  display: block;
  /* border-bottom: none; */
  /* text-decoration: none;	 */
}

div#nav ul.dropdown li.current a.current {
  /* color: $color-blue-dark; */
  /* border-bottom: none; */
  /* text-decoration: none;	 */
  background: #4E6872;
  display: inline;
  padding: 0 3px;
}

div#nav ul.dropdown li ul.sub-menu li.current a.current {
  /* color: $color-blue-dark; */
  /* border-bottom: none; */
  /* text-decoration: none;	 */
  background: #4E6872;
  display: block;
  /* padding: 0 3px; */
}

div#side-nav {
  position: fixed;
  top: 200px;
  right: 0;
  bottom: 0;
  left: 0px;
  width: 20%;
  display: inline-block;
  z-index: 30;
}
@media only screen and (max-width: 640px) {
  div#side-nav {
    display: none;
  }
}
div#side-nav ul li {
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 15px;
  line-height: 1.2;
  margin: 0 0 10px 20px;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 1px;
}
div#side-nav ul li a:link, div#side-nav ul li a:visited {
  /* border-bottom: none; */
  /* text-decoration: none;	 */
}
@media only screen and (max-width: 700px) {
  div#side-nav ul li {
    font-size: 13px;
    line-height: 1.1;
    margin: 0 0 10px 10px;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0;
  }
}
div#side-nav ul li a:link, div#side-nav ul li a:visited {
  color: #443;
}
div#side-nav ul li a:hover {
  color: #eed;
}

div.row-wrapper {
  width: 98%;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}
div.row-wrapper::after {
  clear: both;
  content: "";
  display: table;
}
div.row-wrapper div.splash {
  text-align: center;
  margin: 30px auto;
  padding: 0 30px;
  max-width: 600px;
}

div.left {
  width: 20%;
  float: left;
  min-height: 1px;
}
@media only screen and (max-width: 1050px) {
  div.left {
    width: 10%;
  }
}
@media only screen and (max-width: 800px) {
  div.left {
    width: 5%;
  }
}
@media only screen and (max-width: 700px) {
  div.left {
    width: 100%;
    float: none;
    padding: 10px 10px 0 10px;
  }
}

div.center {
  width: 60%;
  float: left;
  min-height: 1px;
  margin: 0 0 20px 0;
  padding: 20px 20px 10px 30px;
  background-image: url(../img-background/15.jpg);
  border: 1px #e0b765 solid;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
div.center::after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (max-width: 800px) {
  div.center {
    width: 60%;
  }
}
@media only screen and (max-width: 700px) {
  div.center {
    width: 100%;
    float: none;
    padding: 10px 10px 0 10px;
  }
}
div.center hr {
  margin: 20px 0 30px 0;
}
div.center h1 {
  font-family: "Bevan", serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  color: #FFFDF2;
  margin: 0 0 20px 0;
}
div.center h1 span {
  color: #AFC5F0;
  font-style: italic;
  font-weight: 400;
  font-size: 90%;
}
@media only screen and (max-width: 1050px) {
  div.center h1 {
    font-size: 30px;
    margin: 10px 0 20px 0;
  }
}
@media only screen and (max-width: 800px) {
  div.center h1 {
    font-size: 27px;
  }
}
@media only screen and (max-width: 700px) {
  div.center h1 {
    font-size: 24px;
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  div.center h1 {
    font-size: 21px;
  }
}
@media only screen and (max-width: 460px) {
  div.center h1 {
    font-size: 18px;
  }
}
div.center h2 {
  font-family: "Clarendon Text W01", serif;
  font-size: 30px;
  line-height: 1.3;
  color: #A0522E;
  margin: 0 0 10px 0;
  /* text-shadow: 1px 1px #000; */
}
@media only screen and (max-width: 1050px) {
  div.center h2 {
    font-size: 27px;
  }
}
@media only screen and (max-width: 800px) {
  div.center h2 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 700px) {
  div.center h2 {
    font-size: 21px;
  }
}
@media only screen and (max-width: 640px) {
  div.center h2 {
    font-size: 21px;
  }
}
@media only screen and (max-width: 460px) {
  div.center h2 {
    font-size: 21px;
  }
}
div.center h2 a:link, div.center h2 a:visited {
  color: #778398;
  text-decoration: none;
  border-bottom: 1px dotted #778398;
  padding-bottom: 4px;
}
div.center h2 a:hover {
  color: #cc6f31;
  text-decoration: none;
  border-bottom: 1px solid #cc6f31;
  padding-bottom: 4px;
}
div.center h2 a:link, div.center h2 a:visited {
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
div.center h3 {
  font-family: "Francois One", sans-serif;
  font-size: 24px;
  line-height: 1.2;
  /* font-weight: 700; */
  color: #cc6f31;
  margin: 0 0 10px 0;
}
@media only screen and (max-width: 1050px) {
  div.center h3 {
    font-size: 21px;
  }
}
@media only screen and (max-width: 640px) {
  div.center h3 {
    font-size: 18px;
  }
}
div.center h3 a:link, div.center h3 a:visited {
  color: #778398;
  text-decoration: none;
  border-bottom: 1px dotted #778398;
  padding-bottom: 4px;
}
div.center h3 a:hover {
  color: #cc6f31;
  text-decoration: none;
  border-bottom: 1px solid #cc6f31;
  padding-bottom: 4px;
}
div.center h3 a:link, div.center h3 a:visited {
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
div.center h5 {
  font-family: "Clarendon Text W01", serif;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 400;
  color: #cc6f31;
  margin: 10px 0 0 0;
}
@media only screen and (max-width: 1050px) {
  div.center h5 {
    font-size: 18px;
  }
}
div.center p, div.center p.quote, div.center p.center, div.center p.photo-credit, div.center p.caption, div.center li {
  font-family: "Clarendon Text W01", serif;
  font-size: 18px;
  color: #594D36;
  line-height: 1.8;
  margin: 0 0 16px 0;
}
div.center p a:link, div.center li a:link, div.center p a:visited, div.center li a:visited {
  color: #778398;
  text-decoration: none;
  border-bottom: 1px dotted #778398;
  padding-bottom: 4px;
}
div.center p a:hover, div.center li a:hover {
  color: #cc6f31;
  text-decoration: none;
  border-bottom: 1px solid #cc6f31;
  padding-bottom: 4px;
}
div.center p a:link, div.center li a:link, div.center p a:visited, div.center li a:visited {
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
div.center p span.ital, div.center li span.ital {
  font-family: 'Clarendon Text W01';
  font-weight: 400;
  font-style: italic;
}
div.center p span.bold, div.center li span.bold {
  font-family: 'Clarendon Text W01';
  font-weight: 700;
  font-style: normal;
}
@media only screen and (max-width: 1050px) {
  div.center p, div.center p.quote, div.center p.center, div.center p.photo-credit, div.center p.caption, div.center li {
    font-size: 17px;
    margin: 0 0 15px 40px;
  }
}
@media only screen and (max-width: 800px) {
  div.center p, div.center p.quote, div.center p.center, div.center p.photo-credit, div.center p.caption, div.center li {
    font-size: 16px;
    margin: 0 0 15px 30px;
  }
}
@media only screen and (max-width: 700px) {
  div.center p, div.center p.quote, div.center p.center, div.center p.photo-credit, div.center p.caption, div.center li {
    font-size: 15px;
    margin: 0 0 14px 10px;
  }
}
@media only screen and (max-width: 640px) {
  div.center p, div.center p.quote, div.center p.center, div.center p.photo-credit, div.center p.caption, div.center li {
    font-size: 14px;
    margin: 0 0 13px 10px;
  }
}
@media only screen and (max-width: 460px) {
  div.center p, div.center p.quote, div.center p.center, div.center p.photo-credit, div.center p.caption, div.center li {
    margin: 0 0 12px 0;
  }
}
div.center p.quote, div.center li.quote {
  margin-left: 30px;
  margin-right: 30px;
}
div.center p.center, div.center li.center {
  text-align: center;
  margin: 0 0 16px 0;
}
@media only screen and (max-width: 1050px) {
  div.center p.center, div.center li.center {
    margin: 0 0 16px 0;
  }
}
@media only screen and (max-width: 800px) {
  div.center p.center, div.center li.center {
    margin: 0 0 16px 0;
  }
}
@media only screen and (max-width: 700px) {
  div.center p.center, div.center li.center {
    margin: 0 0 14px 0;
  }
}
@media only screen and (max-width: 640px) {
  div.center p.center, div.center li.center {
    margin: 0 0 12px 0;
  }
}
@media only screen and (max-width: 460px) {
  div.center p.center, div.center li.center {
    margin: 0 0 10px 0;
  }
}
div.center p.photo-credit, div.center li.photo-credit {
  text-align: right;
  margin: 10px 0;
  line-height: 1.1;
  font-style: italic;
  font-size: 12px;
}
div.center p.caption, div.center li.caption {
  font-style: italic;
  color: #FFFDF2;
  padding: 6px;
}
div.center ul {
  margin: 10px 0 10px 30px;
}
div.center li {
  margin: 0 0 3px 60px;
  list-style-type: square;
}
@media only screen and (max-width: 700px) {
  div.center li {
    margin: 0 0 3px 40px;
  }
}
@media only screen and (max-width: 640px) {
  div.center li {
    margin: 0 0 3px 20px;
  }
}
@media only screen and (max-width: 460px) {
  div.center li {
    margin: 0 0 3px 10px;
  }
}
div.center img {
  margin: 0 0 20px 0;
  border: 1px solid #fff;
}
div.center div.portfolio-opener {
  margin: 0 0 20px 0;
  padding: 10px;
  background-image: url(../img-background/42.jpg);
  border: 1px #e0b765 solid;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
div.center div.portfolio-opener::after {
  clear: both;
  content: "";
  display: table;
}

div.right {
  width: 18%;
  float: right;
  min-height: 1px;
}
div.right::after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (max-width: 1050px) {
  div.right {
    width: 28%;
  }
}
@media only screen and (max-width: 800px) {
  div.right {
    width: 33%;
  }
}
@media only screen and (max-width: 700px) {
  div.right {
    width: 60%;
    float: none;
  }
}
@media only screen and (max-width: 640px) {
  div.right {
    width: 80%;
  }
}
@media only screen and (max-width: 460px) {
  div.right {
    width: 90%;
  }
}
div.right div.right-box {
  margin: 0 0 20px 0;
  float: none;
  width: 100%;
  padding: 10px;
  background-image: url(../img-background/42.jpg);
  border: 1px #e0b765 solid;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 700px) {
  div.right div.right-box {
    padding: 10px 30px;
    margin: 20px auto;
  }
}
@media only screen and (max-width: 640px) {
  div.right div.right-box {
    padding: 10px 20px;
  }
}
@media only screen and (max-width: 460px) {
  div.right div.right-box {
    padding: 10px 10px;
  }
}
div.right div.right-box h1 {
  font-family: "Clarendon Text W01", serif;
  font-size: 18px;
  color: #e2e1c1;
  background: #4E6872;
  margin: 10px auto;
  padding: 5px;
  text-align: center;
  letter-spacing: 1px;
  line-height: 1.2;
}
@media only screen and (max-width: 800px) {
  div.right div.right-box h1 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 700px) {
  div.right div.right-box h1 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 640px) {
  div.right div.right-box h1 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 460px) {
  div.right div.right-box h1 {
    font-size: 18px;
  }
}
div.right div.right-box p, div.right div.right-box div.center li, div.center div.right div.right-box li {
  font-family: "Francois One", sans-serif;
  font-size: 16px;
  color: #A0522E;
  margin: 0 0 10px 0;
  padding: 0 20px 0 10px;
  line-height: 1.4;
}
div.right div.right-box p a:link, div.right div.right-box div.center li a:link, div.center div.right div.right-box li a:link, div.right div.right-box p a:visited, div.right div.right-box div.center li a:visited, div.center div.right div.right-box li a:visited {
  color: #778398;
  text-decoration: none;
  border-bottom: 1px dotted #778398;
  padding-bottom: 4px;
}
div.right div.right-box p a:hover, div.right div.right-box div.center li a:hover, div.center div.right div.right-box li a:hover {
  color: #cc6f31;
  text-decoration: none;
  border-bottom: 1px solid #cc6f31;
  padding-bottom: 4px;
}
div.right div.right-box p a:link, div.right div.right-box div.center li a:link, div.center div.right div.right-box li a:link, div.right div.right-box p a:visited, div.right div.right-box div.center li a:visited, div.center div.right div.right-box li a:visited {
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
div.right div.right-box form.newsletter-signup {
  font-family: "Clarendon Text W01", serif;
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 10px 0;
  background: #cc6f31;
  margin: 20px 0;
  padding: 4px 0 4px 8px;
  color: #ffc;
}
@media only screen and (max-width: 1050px) {
  div.right div.right-box form.newsletter-signup {
    font-size: 15px;
  }
}
@media only screen and (max-width: 800px) {
  div.right div.right-box form.newsletter-signup {
    font-size: 14px;
  }
}
@media only screen and (max-width: 700px) {
  div.right div.right-box form.newsletter-signup {
    font-size: 13px;
  }
}

div.center-right {
  width: 80%;
  float: left;
  min-height: 1px;
}
div.center-right::after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (max-width: 640px) {
  div.center-right {
    float: none;
    width: 95%;
    margin: 0 auto;
  }
}
div.center-right h1 {
  font-family: "Bevan", serif;
  font-size: 42px;
  line-height: 1.2;
  /* padding: 6px 30px; */
  color: #4E6872;
  margin: 30px 0 20px 0;
  /* background-image: url(img-background/burlap.png);  // <<< */
  /* text-shadow: 1px 1px #000; */
}
@media only screen and (max-width: 1050px) {
  div.center-right h1 {
    font-size: 42px;
    margin: 20px 0 20px 0;
  }
}
@media only screen and (max-width: 800px) {
  div.center-right h1 {
    font-size: 33px;
  }
}
@media only screen and (max-width: 700px) {
  div.center-right h1 {
    /* text-align: center; */
  }
}
@media only screen and (max-width: 640px) {
  div.center-right h1 {
    margin: 10px 0 10px 0;
    font-size: 27px;
  }
}
@media only screen and (max-width: 460px) {
  div.center-right h1 {
    font-size: 24px;
    margin: 0;
  }
}
div.center-right h1.page-head {
  font-family: "Clarendon Text W01", serif;
  line-height: 1.2;
  font-size: 36px;
  font-weight: 900;
  margin: 30px 0 10px 50px;
  padding: 10px;
  background-image: url(../img-png/paper-light-blue-v2.png);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.9);
  color: #004AB3;
  border-top: 6px solid #E67C73;
}
@media only screen and (max-width: 1050px) {
  div.center-right h1.page-head {
    font-size: 30px;
  }
}
@media only screen and (max-width: 800px) {
  div.center-right h1.page-head {
    font-size: 27px;
    margin: 30px 0 10px 40px;
  }
}
@media only screen and (max-width: 700px) {
  div.center-right h1.page-head {
    font-size: 24px;
    font-weight: 700;
    margin: 30px 0 10px 20px;
  }
}
@media only screen and (max-width: 640px) {
  div.center-right h1.page-head {
    font-size: 21px;
  }
}
@media only screen and (max-width: 460px) {
  div.center-right h1.page-head {
    font-size: 18px;
  }
}
div.center-right h2 {
  font-family: "Clarendon Text W01", serif;
  font-size: 30px;
  line-height: 1.2;
  color: #FFFDF2;
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 1050px) {
  div.center-right h2 {
    font-size: 27px;
  }
}
@media only screen and (max-width: 800px) {
  div.center-right h2 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 700px) {
  div.center-right h2 {
    font-size: 21px;
  }
}
@media only screen and (max-width: 640px) {
  div.center-right h2 {
    font-size: 21px;
  }
}
@media only screen and (max-width: 460px) {
  div.center-right h2 {
    font-size: 18px;
  }
}
div.center-right p, div.center-right div.center p.quote, div.center div.center-right p.quote, div.center-right div.center p.center, div.center div.center-right p.center, div.center-right div.center p.photo-credit, div.center div.center-right p.photo-credit, div.center-right div.center p.caption, div.center div.center-right p.caption, div.center-right div.center li, div.center div.center-right li {
  font-family: "Clarendon Text W01", serif;
  font-size: 18px;
  color: #AFC5F0;
  line-height: 1.8;
  margin: 0 0 16px 50px;
}
div.center-right p a:link, div.center-right div.center li a:link, div.center div.center-right li a:link, div.center-right p a:visited, div.center-right div.center li a:visited, div.center div.center-right li a:visited {
  color: #AFC5F0;
  text-decoration: none;
  border-bottom: 1px dotted #AFC5F0;
  padding-bottom: 4px;
}
div.center-right p a:hover, div.center-right div.center li a:hover, div.center div.center-right li a:hover {
  color: #EDCA4A;
  text-decoration: none;
  border-bottom: 1px solid #EDCA4A;
  padding-bottom: 2px;
}
div.center-right p a:link, div.center-right div.center li a:link, div.center div.center-right li a:link, div.center-right p a:visited, div.center-right div.center li a:visited, div.center div.center-right li a:visited {
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
@media only screen and (max-width: 1050px) {
  div.center-right p, div.center-right div.center p.quote, div.center div.center-right p.quote, div.center-right div.center p.center, div.center div.center-right p.center, div.center-right div.center p.photo-credit, div.center div.center-right p.photo-credit, div.center-right div.center p.caption, div.center div.center-right p.caption, div.center-right div.center li, div.center div.center-right li {
    font-size: 17px;
    margin: 0 0 15px 40px;
  }
}
@media only screen and (max-width: 800px) {
  div.center-right p, div.center-right div.center p.quote, div.center div.center-right p.quote, div.center-right div.center p.center, div.center div.center-right p.center, div.center-right div.center p.photo-credit, div.center div.center-right p.photo-credit, div.center-right div.center p.caption, div.center div.center-right p.caption, div.center-right div.center li, div.center div.center-right li {
    font-size: 16px;
    margin: 0 0 15px 30px;
  }
}
@media only screen and (max-width: 700px) {
  div.center-right p, div.center-right div.center p.quote, div.center div.center-right p.quote, div.center-right div.center p.center, div.center div.center-right p.center, div.center-right div.center p.photo-credit, div.center div.center-right p.photo-credit, div.center-right div.center p.caption, div.center div.center-right p.caption, div.center-right div.center li, div.center div.center-right li {
    font-size: 15px;
    margin: 0 0 14px 10px;
  }
}
@media only screen and (max-width: 640px) {
  div.center-right p, div.center-right div.center p.quote, div.center div.center-right p.quote, div.center-right div.center p.center, div.center div.center-right p.center, div.center-right div.center p.photo-credit, div.center div.center-right p.photo-credit, div.center-right div.center p.caption, div.center div.center-right p.caption, div.center-right div.center li, div.center div.center-right li {
    font-size: 14px;
    margin: 0 0 13px 10px;
  }
}
@media only screen and (max-width: 460px) {
  div.center-right p, div.center-right div.center p.quote, div.center div.center-right p.quote, div.center-right div.center p.center, div.center div.center-right p.center, div.center-right div.center p.photo-credit, div.center div.center-right p.photo-credit, div.center-right div.center p.caption, div.center div.center-right p.caption, div.center-right div.center li, div.center div.center-right li {
    font-size: 13px;
    margin: 0 0 12px 0;
  }
}
div.center-right p:last-child, div.center-right div.center li:last-child, div.center div.center-right li:last-child {
  margin: 0 0 60px 50px;
}
@media only screen and (max-width: 1050px) {
  div.center-right p:last-child, div.center-right div.center li:last-child, div.center div.center-right li:last-child {
    margin: 0 0 15px 40px;
  }
}
@media only screen and (max-width: 800px) {
  div.center-right p:last-child, div.center-right div.center li:last-child, div.center div.center-right li:last-child {
    margin: 0 0 15px 30px;
  }
}
@media only screen and (max-width: 700px) {
  div.center-right p:last-child, div.center-right div.center li:last-child, div.center div.center-right li:last-child {
    margin: 0 0 14px 10px;
  }
}
@media only screen and (max-width: 640px) {
  div.center-right p:last-child, div.center-right div.center li:last-child, div.center div.center-right li:last-child {
    margin: 0 0 13px 10px;
  }
}
@media only screen and (max-width: 460px) {
  div.center-right p:last-child, div.center-right div.center li:last-child, div.center div.center-right li:last-child {
    margin: 0 0 12px 0;
  }
}
div.center-right img {
  margin: 0 0 20px 0;
  border: 1px solid #FFFDF2;
}
div.center-right p.thank-you-header, div.center-right div.center li.thank-you-header, div.center div.center-right li.thank-you-header {
  font-family: "Francois One", sans-serif;
  font-size: 24px;
  line-height: 1.2;
  background: #F7A050;
  color: #A0522E;
  padding: 1em;
  margin: 1em 20% 1em 0;
}
@media only screen and (max-width: 1050px) {
  div.center-right p.thank-you-header, div.center-right div.center li.thank-you-header, div.center div.center-right li.thank-you-header {
    margin: 1em 5% 1em 0;
    font-size: 21px;
  }
}
@media only screen and (max-width: 640px) {
  div.center-right p.thank-you-header, div.center-right div.center li.thank-you-header, div.center div.center-right li.thank-you-header {
    margin: 1em 0;
    font-size: 18px;
  }
}

div#footer {
  width: 100%;
  background: #888;
  min-height: 1px;
  text-align: center;
  padding: 20px;
  background-image: url(../img-background/burlap.png);
}
div#footer::after {
  clear: both;
  content: "";
  display: table;
}
div#footer p, div#footer div.center li, div.center div#footer li {
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #e2e1c1;
  margin: 0 0 10px 0;
}
div#footer p a:link, div#footer div.center li a:link, div.center div#footer li a:link, div#footer p a:visited, div#footer div.center li a:visited, div.center div#footer li a:visited {
  color: #e2e1c1;
  text-decoration: none;
  border-bottom: 1px dotted #e2e1c1;
  padding-bottom: 3px;
}
div#footer p a:hover, div#footer div.center li a:hover, div.center div#footer li a:hover {
  color: #f7a050;
  text-decoration: none;
  border-bottom: 1px solid #f7a050;
  padding-bottom: 3px;
}
div#footer p a:link, div#footer div.center li a:link, div.center div#footer li a:link, div#footer p a:visited, div#footer div.center li a:visited, div.center div#footer li a:visited {
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
@media only screen and (max-width: 700px) {
  div#footer p, div#footer div.center li, div.center div#footer li {
    font-size: 14px;
  }
}
@media only screen and (max-width: 640px) {
  div#footer p, div#footer div.center li, div.center div#footer li {
    font-size: 12px;
  }
}
@media only screen and (max-width: 460px) {
  div#footer p, div#footer div.center li, div.center div#footer li {
    font-size: 11px;
  }
}
div#footer p span, div#footer div.center li span, div.center div#footer li span {
  font-family: "Clarendon Text W01", serif;
  font-size: 24px;
  color: #FFFDF2;
  text-transform: none;
  text-align: center;
}
@media only screen and (max-width: 700px) {
  div#footer p span, div#footer div.center li span, div.center div#footer li span {
    font-size: 18px;
  }
}
@media only screen and (max-width: 640px) {
  div#footer p span, div#footer div.center li span, div.center div#footer li span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 460px) {
  div#footer p span, div#footer div.center li span, div.center div#footer li span {
    font-size: 14px;
  }
}
div#footer p.advt-row, div#footer div.center li.advt-row, div.center div#footer li.advt-row {
  margin: 0 auto;
  text-align: center;
}
div#footer p.advt-row a:link, div#footer div.center li.advt-row a:link, div.center div#footer li.advt-row a:link, div#footer p.advt-row a:visited, div#footer div.center li.advt-row a:visited, div.center div#footer li.advt-row a:visited {
  border: none;
}
div#footer p.advt-row::after, div#footer div.center li.advt-row::after, div.center div#footer li.advt-row::after {
  clear: both;
  content: "";
  display: table;
}
div#footer p.advt-row img, div#footer div.center li.advt-row img, div.center div#footer li.advt-row img {
  display: inline;
  float: left;
  margin: 0 20px 20px 0;
}
@media only screen and (max-width: 460px) {
  div#footer p.advt-row img, div#footer div.center li.advt-row img, div.center div#footer li.advt-row img {
    max-width: 150px;
    margin: 0 auto 20px auto;
    display: block;
  }
}

html div.paused {
  display: none;
}

html.is-cms div.paused {
  display: block;
}

div.cycle-slide-show-wrapper {
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: 888px;
  margin: 0 0 -5px 0;
  padding: 5px 0 0 0;
  /* @include shadow(0, 2px, 8px, rgba(0,0,0,.3)); */
}
div.cycle-slide-show-wrapper::after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (max-width: 700px) {
  div.cycle-slide-show-wrapper {
    padding: 5px 0 5px 0;
  }
}
@media only screen and (max-width: 640px) {
  div.cycle-slide-show-wrapper {
    padding: 5px;
  }
}

div.slide-show {
  max-width: 1000px;
  margin: 0 auto;
}
div.slide-show img {
  margin-bottom: 10px;
  border: 1px solid #444;
  width: 100%;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

div.single-slide {
  margin: 0 auto 20px auto;
}

div.cycle-slide-nav {
  max-width: 1000px;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 100%;
}
div.cycle-slide-nav::after {
  clear: both;
  content: "";
  display: table;
}
@media only screen and (max-width: 640px) {
  div.cycle-slide-nav {
    padding: 0;
  }
}

div.cycle-pager-1 {
  float: left;
  margin: 0;
}

div.cycle-prev-icon {
  float: left;
  margin: 0 10px 0 0;
  padding: 5px 0 0 0;
  cursor: pointer;
}
div.cycle-prev-icon img {
  border: none;
}

div.cycle-next-icon {
  float: left;
  margin: 0 0 0 5px;
  padding: 5px 0 0 0;
  cursor: pointer;
}
div.cycle-next-icon img {
  border: none;
}

.cycle-pager-1 span {
  font-family: arial;
  font-size: 33px;
  width: 18px;
  line-height: .8;
  display: inline-block;
  color: #BFA37C;
  cursor: pointer;
}
@media only screen and (max-width: 460px) {
  .cycle-pager-1 span {
    font-size: 24px;
    width: 14px;
  }
}

.cycle-pager-1 span.cycle-pager-active {
  color: #F5B062;
}

.cycle-pager-1 > * {
  cursor: pointer;
}

div.cycle-slide-caption {
  font-family: "Francois One", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  color: #E67C73;
  max-width: 1000px;
  margin: 0 auto;
}
@media only screen and (max-width: 700px) {
  div.cycle-slide-caption {
    font-size: 13px;
  }
}
@media only screen and (max-width: 640px) {
  div.cycle-slide-caption {
    font-size: 13px;
  }
}
@media only screen and (max-width: 460px) {
  div.cycle-slide-caption {
    font-size: 12px;
  }
}

.is-cms .slide-show img {
  display: none;
}

.is-cms .slide-show img:first-child {
  display: block;
}

div.center a:link.snipcart-add-item {
  padding: 6px;
  background: #F5A623;
  font-family: "Open Sans Condensed", sans-serif;
  color: #fff;
  border: 1px solid #65CB36;
}

div.center a:visited.snipcart-add-item {
  padding: 6px;
  background: #F5A623;
  font-family: "Open Sans Condensed", sans-serif;
  color: #fff;
  border: 1px solid #65CB36;
}

div.center a:hover.snipcart-add-item {
  padding: 6px;
  background: #EDCA4A;
  font-family: "Open Sans Condensed", sans-serif;
  border: 1px solid #65CB36;
  color: #F5A623;
}

div.center a:link.snipcart-checkout {
  padding: 6px;
  font-family: "Francois One", sans-serif;
  font-weight: 700;
  color: #fff;
}

div.center a:visited.snipcart-checkout {
  padding: 6px;
  font-family: "Francois One", sans-serif;
  font-weight: 700;
  color: #fff;
}

div.center a:hover.snipcart-checkout {
  padding: 6px;
  font-family: "Francois One", sans-serif;
  font-weight: 700;
  color: #65CB36;
}

body.snipcart-custom {
  background: #FEFFF9;
}

/* header color */
.snipcart-custom #snipcart-header {
  background: #F5A623;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
  padding-top: 10px;
  position: relative;
}

/* Change the style of the total box */
.snipcart-custom #snipcart-header #snipcart-header-total {
  padding: 1px;
  background: #B1CAE6;
  border-color: #bbb;
}

.snipcart-custom #snipcart-header #snipcart-total {
  color: #333;
  border: none;
}

.snipcart-custom #snipcart-header #snipcart-total span {
  color: #333;
}

/* Remove the footer with "Powered by Snipcart" */
.snipcart-custom #snipcart-footer {
  display: none;
}

/* Change the appearance of the cart bottom part with the action buttons so that
     it is similar to the header*/
.snipcart-custom #snipcart-main-container div#snipcart-actions,
.snipcart-custom #snipcart-main-container div.snipcart-additional-option {
  background: #eee;
  box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.3);
  border-bottom: 8px solid #F5A623;
}

/* Push the middle part away from the header and the bottom part */
.snipcart-custom #snipcart-main-content #snipcart-sub-content {
  padding-top: 20px;
}

.snipcart-custom #snipcart-main-content .snipcart-step-container {
  padding-bottom: 20px;
}

div#snipcart-discounts div form#snipcart-apply-discount button.snipcart-btn {
  display: none;
  background: #ddd;
  border: none;
  padding: none;
  height: 20px;
  line-height: 22px;
}

#snipcart-main-container #snipcart-apply-discount input[type="text"] {
  display: none !important;
  border: none !important;
  display: inline-block;
  margin: 0px 7px 0px 0px;
  height: 22px;
  line-height: 22px;
}

div.cart-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 0;
  left: 0;
}
div.cart-icon a:link, div.cart-icon a:visited {
  border-bottom: none;
  text-decoration: none;
}

ul.gallery {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.gallery:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

ul.gallery li {
  float: left;
  width: 33.33333333%;
}
@media screen and (min-width: 700px) {
  ul.gallery li {
    width: 25%;
  }
}

ul.gallery li a {
  display: block;
  margin: 5px;
  border: 1px solid #3c3c3c;
}

ul.gallery li img {
  display: block;
  width: 100%;
  height: auto;
}