html, body {
    font-family: 'Roboto', sans-serif;
    height: 100%;
}

h1 {
    font-family: 'Grand Hotel', cursive;
    text-shadow: 4px 4px 4px #aaa;
}

h2 {
    font-family: 'Grand Hotel', cursive;
}

.signature {
    font-family: 'Mr De Haviland', cursive;
    font-size: 40px;
}

.well {
    background-color: rgba(245, 245, 245, 0.75);
}

body {
    padding-top: 100px;
}

.btn-success-nohover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-nohover {
  overflow: hidden;
  white-space: nowrap;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-danger-nohover {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.bg-header {
    background-image: url("/static/wedding/images/header2.png");
    background-repeat: repeat-x;
    width: 100%;
    height: 100px;
    top: 0;
    left: 0;
}

.bg-main {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left:0;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 150px;
}

.bg-index {
    background-image: url("/static/wedding/images/index.jpg");
}

.bg-rsvp {
    background-image: url("/static/wedding/images/rsvp.jpg");
}

.bg-locations {
    background-image: url("/static/wedding/images/locations.jpg");
}

.bg-agenda {
    background-image: url("/static/wedding/images/agenda2.jpg");
}

.bg-hotels {
    background-image: url("/static/wedding/images/hotels2.jpg");
}

.bg-fotos {
    background-image: url("/static/wedding/images/fotos2.jpg");
}

.bg-video {
    background-image: url("/static/wedding/images/video.jpg");
}

.bg-wishlist {
    background-image: url("/static/wedding/images/wishlist.jpg");
}

.bg-lost_found {
    background-image: url("/static/wedding/images/lost_found.jpg");
}

.bg-quiz {
    background-image: url("/static/wedding/images/quiz.jpg");
}

.fill {
    height: 50%;
}

.img-header {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -75px;
    height: 150px;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.agenda-icon-md {
    font-size: 32px
}

.agenda-icon-lg {
    font-size: 46px;
}

@media ( max-width: 585px ) {
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }

    .input-group span.input-group-btn,.input-group input,.input-group button {
        display: block;
        width: 100%;
        border-radius: 0;
        margin: 0;
    }
    .input-group {
        position: relative;
    }
    .input-group span.data-up {
        position: absolute;
        top: 0;
    }
    .input-group span.data-dwn {
        position: absolute;
        bottom: 0;
    }
    .form-control.text-center {
        margin: 34px 0;
    }
    .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
        margin-left:0;
    }

}