@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Alfa+Slab+One|Great+Vibes|Monsieur+La+Doulaise");
.flexbin {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  margin: -5px; }
  .flexbin:after {
    content: '';
    flex-grow: 999999999;
    min-width: 325px;
    height: 0; }
  .flexbin > * {
    position: relative;
    display: block;
    height: 325px;
    margin: 5px;
    flex-grow: 1; }
    .flexbin > * > img {
      height: 325px;
      object-fit: cover;
      max-width: 100%;
      min-width: 100%;
      vertical-align: bottom; }
  .flexbin.flexbin-margin {
    margin: 5px; }
  @media (max-width: 800px) {
    .flexbin {
      display: flex;
      overflow: hidden;
      flex-wrap: wrap;
      margin: -4px; }
      .flexbin:after {
        content: '';
        flex-grow: 999999999;
        min-width: 300px;
        height: 0; }
      .flexbin > * {
        position: relative;
        display: block;
        height: 300px;
        margin: 4px;
        flex-grow: 1; }
        .flexbin > * > img {
          height: 300px;
          object-fit: cover;
          max-width: 100%;
          min-width: 100%;
          vertical-align: bottom; }
      .flexbin.flexbin-margin {
        margin: 4px; } }
  @media (max-width: 400px) {
    .flexbin {
      display: flex;
      overflow: hidden;
      flex-wrap: wrap;
      margin: -2px; }
      .flexbin:after {
        content: '';
        flex-grow: 999999999;
        min-width: 200px;
        height: 0; }
      .flexbin > * {
        position: relative;
        display: block;
        height: 200px;
        margin: 2px;
        flex-grow: 1; }
        .flexbin > * > img {
          height: 200px;
          object-fit: cover;
          max-width: 100%;
          min-width: 100%;
          vertical-align: bottom; }
      .flexbin.flexbin-margin {
        margin: 2px; } }

nav .w3-row {
  margin: 0 auto;
  text-align: center;
  background-color: #900020; }

.nav_col {
  display: inline-block;
  padding-top: 8px; }

.nav_button {
  padding: 20px;
  padding-left: 80px;
  padding-right: 80px;
  color: white;
  font-size: 20px;
  transition: 0.3s;
  white-space: nowrap; }

.nav_button_farsi {
  font-size: 28px; }

@media (max-width: 800px) {
  .nav_button {
    padding: 0px; } }
.nav_button:hover {
  background-color: white;
  color: #D4AF37; }

.nav_col a:link {
  text-decoration: none; }

.nav_col a:visited {
  text-decoration: none; }

.nav_col a:hover {
  text-decoration: none; }

.nav_col a:active {
  text-decoration: none; }

.current {
  color: #D4AF37; }

body, html {
  height: 100%;
  font-family: "Inconsolata", sans-serif;
  background-color: #900020; }

.farsi {
  font-family: "far", cursive; }

html {
  box-sizing: border-box; }

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

.container {
  width: 100%; }

.content {
  max-width: 1280px;
  width: 80%;
  margin: 0 auto;
  margin-top: 75px;
  text-align: center; }

@media (max-width: 800px) {
  .content {
    width: 100%; } }
.card {
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.4);
  transition: 0.3s;
  background-color: white;
  border-style: solid none solid none;
  border-color: gold;
  border-width: 20px;
  width: 80%;
  margin: 0 auto; }

.card:hover {
  box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.2); }

.card_container {
  padding: 2px 16px; }

.hero {
  font-family: 'Monsieur La Doulaise', cursive;
  color: white;
  margin: 0 auto; }

.hero table {
  margin: 0 auto;
  max-width: 100%; }

.hero td {
  width: 33%; }

.hero_main {
  width: 100%;
  margin-bottom: 30px;
  margin-top: 70px; }

.flourish {
  margin-top: 20px;
  width: 33%; }

.left_f {
  float: right; }

.right_f {
  float: left; }

.name {
  font-size: 100px;
  margin-bottom: -50px; }

.name_sep {
  font-size: 45px;
  margin-bottom: -20px; }

@media (max-width: 800px) {
  .name {
    font-size: 50px; }

  .name_sep {
    font-size: 25px;
    margin: 15px;
    margin-bottom: -10px; } }
.deets {
  margin: 10px;
  color: white;
  font-family: 'Alfa Slab One', cursive;
  width: 100%; }

@media (max-width: 800px) {
  .deets {
    margin: 0; } }
.deets_intro {
  font-size: 40px;
  font-family: 'Great Vibes', cursive; }

.deets_ceremony {
  font-size: 32px;
  font-family: 'Great Vibes', cursive; }

.deets_date {
  margin: 10px;
  font-size: 50px;
  font-family: 'Great Vibes', cursive; }

.deets_location {
  margin: 10px;
  font-size: 27px; }

.deets_dress {
  margin: 20px; }

.registry_links {
  background-color: white;
  margin: 0 auto;
  padding: 15px;
  margin-top: 200px; }

.registry_links a:hover {
  background-color: #D4AF37; }

.registry {
  margin: 25px;
  margin: 0 auto;
  padding: 50px;
  display: block;
  width: 100%;
  height: 100%; }

.regisry_links a {
  display: list-item; }

#photos {
  background-color: white;
  padding: 5px; }

#rsvp_content {
  margin: 0 auto;
  background-image: url("/assets/images/Tibbetts Creek Mannor.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 700px; }

#rsvp_content table {
  margin: 0 auto; }

#rsvp_content td {
  width: 33%; }

#rsvp_content .flourish {
  width: 100%; }

.rsvp_form {
  width: 640px;
  height: 1024px; }

@media (max-width: 800px) {
  #rsvp_content table {
    width: 100%;
    margin: 0 auto; }

  #rsvp_content {
    padding-top: 250px; }

  #rsvp_content td {
    width: auto; }

  #rsvp_content .flourish {
    display: none; }

  .rsvp_form {
    width: 100%;
    box-sizing: content-box; } }
@font-face {
  font-family: 'far';
  src: url("/assets/fonts/far_compset.eot");
  src: local("☺"), url("/assets/fonts/farcompset.woff") format("woff"), url("/assets/fonts/farcompset.svg") format("svg");
  font-weight: 400;
  font-style: normal; }
.mapouter {
  text-align: right;
  height: 500px;
  width: 600px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 300px; }

.gmap_canvas {
  overflow: hidden;
  background: none !important;
  height: 500px;
  width: 600px; }

@media (max-width: 800px) {
  .mapouter {
    width: 100%; }

  .gmap_canvas {
    width: 100%; } }