#muckhero {
    overflow: hidden;
    padding: 0;
}
.banner-top {
    position: relative;
}
#banner-img {
    height: 100%;
    width: 100%;
}
.content-Wrapper {
    margin: auto 0;
    top: 25%;
    left: 25%;
    position: absolute;
    padding-left: 10px;
}
.subHeading {
    text-align: left;
    color: #fff;
    background-color: #BD8E37;
    width: 76%;
    font-size: 1.1rem;
    padding-left: 4%;
    font-weight: 400;
}
.hero-headline {
    color: #000;
    font-weight: 600;
    text-align: left;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: -0.5rem;
    text-shadow: 2.5px 2.5px 2.5px #eee;
}
.hero-txt {
    font-size: 1.25rem;
    color: #fff;
    text-shadow: 1px 1px 5px #000;
    padding: 5px;
    font-weight: bold;
}
#blogWrapper {
    width: 100%;
    padding: 0;
    max-width: 100%;
}
#blogGrid {
    max-width: 100%;
    margin: 0 auto;
    height: auto;
}
#blogGrid div.col-md-12>div:nth-child(1),
#blogGrid div.col-md-12>div:nth-child(2),
#blogGrid div.col-md-12>div:nth-child(3),
#blogGrid div.col-md-12>div:nth-child(4) {
    width: 95%;
    margin: 0 auto;
}
.post-img-wrapper {
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
}
.content-Wrapper-lower {
    margin: auto 0;
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
}
.content-lower {
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: left;
    width: 90%;
    margin: 0 auto;
}
.lower-small {
    font-size: 1.5rem;
    margin-bottom: -2%;
}
.lower-large {
    font-size: 2rem;
    line-height: 1;
}
.post-details {
    margin-left: 10%;
    margin-right: 10%;
    font-size: 1.1rem;
}
.mothersBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #BD8E37;
    border: 2.5px solid #BD8E37;
    background-color: #fff;
    width: 60%;
    font-size: 1.1rem;
    font-weight: 500;
    border-radius: 2.5px;
    height: 6vw;
}
.mothersBtn:hover {
    color: #fff;
    background-color: #BD8E37;
    border-color: #BD8E37;
}
.shipping {
    font-size: 1.5rem;
}
.hs-line {
    width: 65%; 
    border-top: 3px solid #000;
}
.shipping-txt {
    font-size: 1rem;
}
@media screen and (max-width: 424px) {
    .h-line {
        margin-bottom: 2%;
    }
    .lower-small {
        font-size: 1rem;
    }
    .lower-large {
        font-size: 1.25rem;
    }
    .post-details {
        margin-left: 0;
        margin-right: 0;
        font-size: 0.9rem;
    }
    .mothersBtn {
        width: 60%;
        font-size: 0.9rem;
        font-weight: 500;
        height: 8vw;
    }
    .shipping {
        font-size: 1rem;
    }
    .shipping-txt {
        font-size: 0.9rem;
    }
}
@media screen and (min-width: 425px) and (max-width: 535px)  {
    .post-details {
        margin-left: 2%;
        margin-right: 2%;
    }
    .lower-small {
        font-size: 1.25rem;
    }
    .lower-large {
        font-size: 1.55rem;
    }
    .shipping {
        font-size: 1.25rem;
    }
}
@media screen and (max-width: 384px) {
    .content-Wrapper {
        top: 10%;
        left: 15%;
    }
    .subHeading {
        width: 64%;
        font-size: 0.8rem;
        padding-left: 1%;
        min-width: 187px;
    }
    .hero-headline {
        font-size: 2.2rem;
    }
    .hero-txt {
        width: 83.5%;
        font-size: 0.9rem;
    }
    .hero-txt br {
        display: none;
    }
    .hs-line {
        width: 90%;
    }    
}
@media screen and (min-width: 385px) and (max-width: 490px) {
    .content-Wrapper {
        top: 15%;
        left: 18%;
    }
    .subHeading {
        width: 59%;
        font-size: 0.9rem;
        padding-left: 2%;
        min-width: 218px;
    }
    .hero-headline {
        font-size: 2.5rem;
    }
    .hero-txt {
        width: 83.5%;
        font-size: 1rem;
    }
    .hero-txt br {
        display: none;
    }
    .hs-line {
        width: 76%;
    }   
}
@media screen and (min-width: 491px) and (max-width: 599px) {
    .content-Wrapper {
        top: 20%;
        left: 20%;
    }
    .subHeading {
        width: 60%;
        font-size: 1rem;
        min-width: 260px;
    }
    .hero-headline {
        font-size: 3rem;
    }
    .hero-txt {
        width: 75%;
        font-size: 1.2rem;
    }
    .hero-txt br {
        display: none;
    }
    .hs-line {
        width: 72%;
    }   
}
@media screen and (min-width: 600px) {
    .lower-large {
        margin-top: 1%;
    }
}
@media screen and (min-width: 768px) {
    .content-Wrapper {
        top: 16%;
        left: 6%;
    }
    .subHeading {
        width: 90%;
        font-size: 1rem;
    }
    .hero-headline {
        font-size: 2.75rem;
    }
    .hero-txt {
        font-size: 1rem;
        color: #000;
        text-shadow: none;
        backdrop-filter: none;
        padding: 0;
        font-weight: normal;
    }
    .h-line {
        margin-bottom: 3%;
    }
    .lower-small {
        font-size: 1.05rem;
    }
    .lower-large {
        font-size: 1.4rem;
    }
    .post-details {
        margin-left: 2.5%;
        margin-right: 2.5%;
        font-size: 1rem;
    }
    .mothersBtn {
        font-size: 1rem;
        height: 5vw;
    }
    .hs-line {
        width: 50%;
    }
}
@media screen and (min-width: 950px) {
    .content-Wrapper {
        top: 18%;
        left: 5%;
    }
    .subHeading {
        width: 85%;
        font-size: 1.25rem;
    }
    .hero-headline {
        font-size: 3.75rem;
    }
    .hero-txt {
        font-size: 1.25rem;
    }        
    .h-line {
        margin-bottom: 2%;
    }
    .lower-small {
        font-size: 1.45rem;
    }
    .lower-large {
        font-size: 1.8rem;
    }
    .post-details {
        font-size: 1.1rem;
    }
    .mothersBtn {
        width: 50%;
        font-size: 1.1rem;
        height: 4vw;
    }
    .shipping {
        font-size: 1.8rem;
    }
    .shipping-txt {
        font-size: 1.1rem;
    }
}
@media screen and (min-width: 1050px) {
    .content-Wrapper {
        left: 6%;
    }
    .subHeading {
        width: 90%;
        font-size: 1.45rem;
    }
    .hero-headline {
        font-size: 4rem;
    }
    .hero-txt {
        font-size: 1.45rem;
    }
    .hs-line {
        width: 43%;
    }       
}       
@media screen and (min-width: 1200px) {
    .subHeading {
        width: 87.5%;
        font-size: 1.55rem;
    }
    .hero-headline {
        font-size: 4.5rem;
    }
    .hero-txt {
        font-size: 1.55rem;
    }        
    .lower-small {
        font-size: 1.75rem;
    }
    .lower-large {
        font-size: 2.25rem;
    }
    .post-details {
        margin-right: 7.5%;
        margin-left: 7.5%;
    }
    .mothersBtn {
        width: 55%;
        height: 3.25vw;
    }
    .shipping {
        font-size: 2rem;
    }
    .hs-line {
        width: 42%;
    }
}
@media screen and (min-width: 1350px) {
    .content-Wrapper {
        left: 8%;
        top: 22%;
    }
    .hs-line {
        width: 37%;
    }
}
@media screen and (min-width: 1450px) {
    .content-Wrapper {
        left: 6.5%;
        top: 20%;
    }
    .subHeading {
        width: 85%;
        font-size: 1.85rem;
    }
    .hero-headline {
        font-size: 5.5rem;
    }
    .hero-txt {
        font-size: 1.85rem;
    }        
    .lower-small {
        font-size: 2.25rem;
    }
    .lower-large {
        font-size: 2.75rem;
    }
    .post-details {
        margin-right: 10%;
        margin-left: 10%;
        font-size: 1.25rem;
    }
    .mothersBtn {
        width: 55%;
        height: 3vw;
        font-size: 1.25rem;
    }
    .shipping {
        font-size: 2.25rem;
    }
    .hs-line {
        width: 38.5%;
    }
    .shipping-txt {
        font-size: 1.25rem;
    }
}
@media screen and (min-width: 1675px) {
    .content-Wrapper {
        left: 9%;
        top: 24%;
    }
    .padd-content {
        margin-top: 1.5%;
    }
    .padd-row {
        padding: 10%;
    }
    .content-lower {
        padding-right: 5%;
        padding-left: 5%;
    }
    .post-details {
        margin-right: 15%;
        margin-left: 15%;
        font-size: 1.35rem;
    }
    .mothersBtn {
        width: 45%;
        height: 2.5vw;
        font-size: 1.25rem;
    }
    .shipping {
        font-size: 2.5rem;
    }
    .hs-line {
        width: 36.5%;
    }
    .shipping-txt {
        font-size: 1.35rem;
    }
}