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

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

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

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

.wreath-container .context.groom-initial h1 {
    font-size: 14rem;
    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; }






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

@media (max-width: 1199px) {
  .wreath-container .context.groom-initial h1 {  font-size: 12rem;  }

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

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

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

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

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

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

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

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

    .wreath-section {
        width: 110px;
        padding-bottom: 40px;
    }
    .date-border { width: 180px;  }
}