h1, h2, h3, h4, h5, h6 {  color: #000; }

.pogoSlider-slide {  background-position:center; }
 
.qbootstrap-overlay {
    position: absolute !important;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);

}

.couple-ampersand {
    font-family: "Ephesis", cursive;
    font-weight: 400;
    font-style: normal;
}
/*vertical align*/
.home-slider .banner_content {
    color: #fff;    
    z-index: 2;    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
   
}
   
.home-slider {   margin: 0px!important; padding-top:90px;}

/* mobile or only mobile */
@media (max-width:991px) {
    .home-slider {     padding-top: 70px;       }    
}
@media (max-width: 767px) {      
     .home-slider {padding-top:50px;            }
}

/* wreath style */
.home-slider .banner_content h3 {
    font-family: "Luxurious Script", cursive;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 4px;
    font-size: 7rem;
    color: #ffffff;
}
.home-slider .banner_content h4, .home-slider .banner_content h5 {
    font-family: "Roboto", sans-serif;
    letter-spacing: 1.4px;
    font-weight: 300;
    color:#ffffff;
}

.home-slider .banner_content h5 {   
    font-size: 1.2rem;   
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;   
    letter-spacing:5px;
}

.home-slider .banner_content h4 {  
    font-size: 2rem;     
    color:#fff;
}

.header_area .navbar .nav .nav-item:hover .nav-link, .header_area .navbar .nav .nav-item.active .nav-link {  color:#c58c84; }
.navbar-toggler span { background: #000;  }

.wreath-container {
    height: 725px;
    width: 100%;
    margin-top: 50px;    
}
.wreath-bg {
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    z-index: 1;
    width: 100% !important;
    height: 100%;
}

.wreath-section {  
    width: 100%;
    height: 80px;
    margin: 0 auto;
    background-size:contain!important;
}

.wreath-container .context {
    z-index: 2;
    padding-left: 20px;
    padding-top: 210px;
    text-align: center;    
}
.wreath-container .context h1 {
    font-size: 7.5rem;    
    font-weight: 400;
    color: #000;
    
}



@media (min-width: 768px) and (max-width: 991px) {
    .home-slider .banner_content h3 {  font-size: 4.5rem;  }  
    .wreath-container .context { padding-top: 250px;   }
    .wreath-container .context h1 { font-size:5.5rem;     }
}

@media (max-width: 767px) {    
    .home-slider .banner_content h3 {            font-size: 2.1rem;  }
    .home-slider .banner_content h4 {            font-size: 1.0rem;   }
    .home-slider .banner_content h5 {   letter-spacing:3px;  font-size:.7rem;    }
         
    .wreath-container {height:368px;width:100%; margin-top:20px;      }    
    .wreath-container .context { padding-top: 120px;   }
    .wreath-container .context h1 { font-size:3rem;     }
    .main_title {  margin-bottom: 25px;  }

    .wreath-section {    height: 30px;   }
}
/* end wreath style */

.journey_text_items .journey_item h4, .journey_text_items .journey_item p {
    z-index: 10;
    position: relative;
    margin-bottom: 0px;
}
.journey_item h4 {font-size: 21px;}
.journey_item h5 {margin-bottom:35px; color:#000;}

.main_title p{ color:#000;}
.main_title h2 {margin-top: 20px;font-size:2rem;}

.rsvp-button {
    font-size: 1rem;
    border-radius: 40px !important;
    border: 1px solid #000;
    color: #000;
    padding: 10px 30px;
    text-decoration: none;
}

.journey_text_items .journey_item {
    -webkit-box-shadow: 0px 10px 30px 0px rgba(112, 112, 112, 0.3);
    box-shadow: 0px 10px 30px 0px rgba(112, 112, 112, 0.3);
}
@media (min-width: 992px) {
    .main_title p, .journey_text_items .journey_item p { font-size: 17px;    }    
}

.navbar-brand { padding-bottom:1rem;}
.logo_h {
    font-size: 20px;
    font-family: "Playfair Display", serif;
    font-weight: 300;
}

@media (max-width: 991px) {
    .main_title h2 {font-size:1.8rem;}
    .wreath-section { height:60px; }
}
@media (max-width: 767px) {    
    .navbar-brand { padding-bottom:10px;}
    .main_title h2 {font-size:1.3rem;}
    .wreath-section { height:40px; }
    .journey_item h4 {font-size:1.2rem;}
}
@media (max-width: 480px) {
    .header_area .navbar-collapse {
        max-height: 340px; 
        border-bottom: 2px solid #eee;
    }
}