.wreath-bg {
    background: url("../../../img/design/ornament2/banner.png") no-repeat center;
    background-size: contain;
}

.wreath-section {
    background: url("../../../img/design/ornament2/section.png") no-repeat center;
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
}

.wreath-container {
    margin-top: 0px;
}

.wreath-container .context.groom-initial {
    padding-top: 230px;
    padding-left:0px;
}

.wreath-container .context.groom-initial h1 {
    font-size: 10rem;
    font-weight: 400;    
}

.wreath-container .context.groom-initial h1, .date-border {
    color: #dcc190;
}

.date-border {
    border-top: 1px solid #dcc190;
    border-bottom: 1px solid #dcc190;
    margin: 0 auto;
    width: 300px;
}
.home-slider .banner_content h4 { margin-bottom: 0px; }
.main_title h2, .main_title h3, .main_title h5, .main_title p, .journey_item h5, .journey_text_items .journey_item h4, .journey_item p, h4, .rsvp-button, .footer_inner .f_menu li a, .footer_inner p {
    color: #fff !important;
}

.rsvp-button {   border: 1px solid #fff; }

.header_area .navbar {  background-color: #fff; }

.story_area{ margin-top: 20px; margin-bottom:50px;}

@media (max-width:991px) {
    .wreath-container {  height: 525px;  }

    .wreath-container .context.groom-initial {   padding-top: 170px;   }

    .wreath-container .context.groom-initial h1 {  font-size: 7rem;  }
 
}

@media (max-width: 767px) {
    .wreath-container {  height: 250px;  }

    .wreath-container .context.groom-initial {
        padding-top: 65px;
        padding-left: 0px;
    }

    .wreath-bg { background-size: cover; }

    .wreath-container .context.groom-initial h1 {   font-size: 4.5rem;   }
   
    .wreath-section {  width: 110px;  }
    .date-border { width: 180px;  }
}