@font-face {
  font-family: 'burgues_scriptregular';
  src: url('/fonts/burgues_script_regular-webfont.woff2') format('woff2'),
       url('/fonts/burgues_script_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'playfair_display_scregular';
    src: url('/fonts/playfairdisplaysc-regular-webfont.woff2') format('woff2'),
         url('/fonts/playfairdisplaysc-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {
  font-size: 1.5em;
  color: #d59b72;
  padding:0;
  background-color: #00324f;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%23d59b72' fill-opacity='0.62'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
div {
  padding:0;
  margin:0;
}
h1 {
  font-family: 'burgues_scriptregular';
  width: 100%;
  font-size: 3em;
  line-height:2em;
  text-align:center;
  padding:0;
  margin:0;
}

h2 {
  width: 100%;
  text-align: center;
  font-family: 'playfair_display_scregular';
  font-size: 1em;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}

h3 {
  width: 100%;
  text-align: center;
  font-family: 'burgues_scriptregular';
  font-size: 1.2em;
  line-height: 2.4em;
  margin: 0;
  padding: 0;
}

span.script {
  font-family: 'burgues_scriptregular';
  width: 100%;
  display: block;
  font-size: 1.75em;
  line-height:1.5em;
  text-align:center;
  padding:0;
  margin:0;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

span.serif {
  width: 100%;
  display: block;
  text-align: center;
  font-family: 'playfair_display_scregular';
  font-size: 0.8em;
  line-height: 1.25em;
  margin: 0;
  padding: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.center {
  text-align: center;
  margin-bottom: 0.5em;
}

.res-link {
  font-size: 0.8em;
  display: block;
}

.savethedate {
  text-align: center;
}

.inner-container-border {
  position: relative;
  top: 5.5%;
  left: -6.95%;
  background-color: #d59b72;
  width:112.5%;
  padding: 0.7%;
}

.inner-container {
  background-color: #00324f;
  width:100%;
}

.nav {
  font-family: 'playfair_display_scregular';
  font-size: 0.65em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.nav a {
  text-decoration:  none;
  color: #d59b72;
  outline:  none;
  z-index: 1000;
  padding: 0em 0.2em;
}

.nav a:hover,
.nav a:link:hover,
.nav a:visited:hover {
  color: #d59b72;
}

a.header {
  text-decoration: none;
  color: #d59b72;
}

a.header:hover,
a.header:link:hover,
a.header:visited:hover {
  color: #b47446;
}

.copyright {
  font-family: 'playfair_display_scregular';
  font-size: 0.55em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
}

.block {
  width:100%;
  padding: 2% 0%;
}

.outer-container-border {
  background-color: #d59b72;
  width: 79%;
  margin-left:10%;
  margin-top: 5%;
  margin-bottom:5%;
  margin-right: 10%;
  padding: 0.5%;
}

.outer-container {
  background-color: #00324f;
  width:100%;
}

.container {
  padding: 5%;
  padding-top: 0%;
}

.text {
  width:45%;
  opacity: 0.9;
  float: left;
}

.text.full {
  width: 100%;
}

.text.left {
  padding-right: 5%;
}

.text.right {
  padding-left: 5%;
}

.photo {
  width:50%;
  float: left;
}

.clearfix {
  clear: both;
}

.thumbs {
  width: 90%;
  margin-left: 5%;
}

.thumbs img {
  width: 100%;
}

img.floatright {
  float: right;
  max-width: 40%;
  margin-left: 10%;
  margin-top: 10%;
  margin-bottom: 7%;
}

.thumb {
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: 1%;
  min-height: 200px;
  min-width: 100px;
}

.horizontal {
  max-width: 50%;
}

.vertical {
  max-width: 25%;
}


ul,
li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
a,
img {
  display: block;
}
img {
  border: 0;
}
img:not([src]) {
  visibility: hidden;
}
/* Fixes Firefox anomaly during image load */
@-moz-document url-prefix() {
  img:-moz-loading {
    visibility: hidden;
  }
}

/* Countdown Clock */
#clockdiv{
  width: 100%;
  font-family: 'playfair_display_scregular';
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  margin-top: 1em;
}

#clockdiv > div{
  padding: 0.2em;
  border-radius: 3px;
  background: #ad7750;
  display: inline-block;
}

#clockdiv div > span{
  padding: 0.3em 0.5em;
  border-radius: 0.1em;
  background: #00324f;
  display: inline-block;
}

.smalltext{
  padding-top: 0.3em;
  font-size: 0.5em;
}

.serif a {
  display: inline-block;
}

a:link:hover {
  color: #40aad1;
}

a:link {
  color: inherit;
  text-decoration-color: #40aad1;
}

a:visited:hover {
  color: #7a62c1;
}

a:visited {
  color: inherit;
  text-decoration-color: #7a62c1;
}

.text a {
  display: inline-block;
}

.macys, .bbb {
  width: 173px;
  margin: 0 auto;
  margin-top: 15px;
}

@media (min-width:1300px) {
  .nav {
    font-size: 1em;
  }
  img.floatright {
    max-width: 30%;
    margin-left: 15%;
  }
}

@media (min-width:900px) {
  img.floatright {
    margin-top: 2%;
  }
}

@media (max-width:400px) {
  img.floatright {
    float: none;
    max-width: 80%;
  }

}

@media (max-width:700px) {
  body {
    font-size: 1.2em;
  }
  h1 {
    font-size:1.5em;
    line-height:2em;
    margin-bottom: 0.5em;
  }
  .text, .text.left, .text.right {
    width:100%;
    padding-left:0;
    padding-right: 0;
  }
  .photo.right {
    margin-top:1.5em;
    width:100%;
  }

  .photo.left {
    width: 100%;
  }

  #clockdiv {
    margin-top: 1.5em;
  }

  .text {
    text-align: center;
  }

  .thumb {
    margin-top: 2%;
    min-width: 25%;
  }

  .vertical {
    max-width: 50%;
  }

  .horizontal {
    max-width: 100%;
  }
}