body, html {
  font-family: sans-serif;
}

#mainnav .nav-link {
  color: #ffffff !important;
  font-weight: 600;
  margin-bottom: 1rem;
  text-shadow: 1px 1px 2px rgba(0,0,0,.7);
}

#mainnav .nav-link:hover, #mainnav .nav-link:active, #mainnav .nav-link:focus {
  color: #d6b666!important;
  font-weight: 600;
  border-bottom: 3px solid #d6b666;
}

.navbar-light .navbar-toggler {
  border: 0px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
  background-color: rgba(18,132,123,0.7);
}

.timeline > li .timeline-image {
  background-color: #c88182;
}
.text-white {
  color: #ffffff!important;
}
.btn-primary {
  background-color: #c88182;
  border: 1px solid #bf7475;
}

.border-gold{
  border: 2px solid #d6b666 !important;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: #12847b!important;
  border: 1px solid #12847b!important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #212529;
  background-color: #c88182;
  border-color: #bf7475;
}

a {
  color: #d6b666!important;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
  background-color: #c88182;
}

ul.social-buttons li a {
  font-size: 20px;
  line-height: 40px;
  display: block;
  width: 40px;
  height: 40px;
  transition: all .3s;
  color: #fff;
  border-radius: 100%;
  outline: none;
  background-color: #12847b;
}

.svgshadow {
  -webkit-filter: drop-shadow( 3px 0px 0px rgba(0, 0, 0, .7));
  filter: drop-shadow( 1px 1px 2px rgba(0, 0, 0, .7));
}

.textshadow {
  text-shadow: 1px 1px 2px rgba(0,0,0,.7);
}

#heroimage {
  background-color: #f2e9d5;
}

.boxshadow {
  box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
}

section#rsvp {
  background-color: #212529;
  background-repeat: no-repeat;
  background-position: 50%;
}

section#rsvp .section-heading {
  color: #fff;
}

section#rsvp .form-group {
  margin-bottom: 25px;
}

section#rsvp .form-group input, section#rsvp .form-group textarea {
  padding: 20px;
}

section#rsvp .form-group input.form-control {
  height: auto;
}

section#rsvp .form-group textarea.form-control {
  height: 248px;
}

section#rsvp .form-control:focus {
  border-color: #fed136;
  box-shadow: none;
}

section#rsvp ::-webkit-input-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
}

section#rsvp :-moz-placeholder, section#rsvp ::-moz-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
}

section#rsvp :-ms-input-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
}

#rsvp .col-md-6 {
  padding: 0 15px;
}

footer {
  padding: 25px 0;
  text-align: center;
}

@media screen and (max-width: 576px) {
  #hashtag {
    font-size: xx-large;
  }
}