.wreath-bg {
    background: url("../../../img/design/goldaccent/banner.jpg") no-repeat center; 
}

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

body,.story_area {
    background-color: #000;   
}

.header_area, .main_menu {
    background-color: #fff;
}

.main_title h2, .main_title h4,  .journey_text_items .journey_item h4, .journey_text_items .journey_item h5 {
    color: #e7c78c!important;
}

.journey_item p, .main_title p {
    color: #eeebe4 !important;
}

.rsvp-button {
    border: 1px solid #e7c78c;
    color: #e7c78c;    
}
.footer_inner .f_menu li a {
    color:#eeebe4!important;
}

.wreath-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
}


.wreath-container {
    height: 0;
    width: 100%;
    margin-top: 0px;
    position: relative;
    padding-bottom: 56%;
}

.banner_content {
    color: #e7c78c;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.banner_content h3 {
    line-height: 1em;
    font-family: "Luxurious Script", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 6.2rem;
    padding-top: 30px;
    letter-spacing: 5px;
    color: #e7c78c;
}

.banner_content h5 {
    font-family: "Bodoni Moda", cursive;
    text-transform: uppercase;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 3px;
    font-size: 1.2rem;
    color: #e7c78c;
}

.banner_content h4 {
    font-size: 2rem;
    font-weight: 100;    
    font-family: arial;
    letter-spacing:2px;
    color: #e7c78c;
}

.main_title h2, .journey_text_items .journey_item h4, .journey_text_items .journey_item h5 {
    color: #000;
}

.footer_area .with-love { color:#fff!important; }
.footer_area .with-love a { color: #6F8FAF !important; }
.footer_area .with-love > span { border-top:1px solid #fff!important; }

@media (max-width: 1600px) {
    .story_area {
        padding-bottom: 80px;
    }
}

@media (max-width: 1199px) {
    .story_area {
        padding-bottom: 150px;
    }

    .banner_content h3 {
        font-size: 5.7rem;
    }

    .banner_content h5 {
        font-size: 1.2rem;
    }
    .banner_content h4 {
        font-size: 1.7rem;
    }
}

@media (max-width: 991px) {
    .story_area {
        padding-bottom: 50px;
    }

    .banner_content h3 {
        font-size: 4.7rem;
    }

    .banner_content h5 {
        font-size: 1rem;
    }

    .banner_content h4 {
        font-size: 1.4rem;
    }
}

@media (max-width: 767px) {
    .banner_content h3 {
        font-size: 2.1rem;
        padding-top: 10px;
    }

    .banner_content h5 {
        font-size: .6rem;
    }

    .banner_content h4 {
        font-size: .8rem;
    }

    .wreath-section {      
        padding-bottom: 10px;
    }
}