#mothers-day h2, #mothers-day h3 {font-family: Raleway, sans-serif;}
#mothers-day h2 {font-size:30px; color: #ffffff; text-align: center; padding: 10px 45px;}


#mothers-day .mothers-day-container {
    max-width: 1280px;
    margin: 0 auto;
}

#mothers-day {padding:0 30px;}
#mothers-day .pods-container-inner {display:grid; grid-auto-flow:row; grid-row-gap:20px; padding-top:30px;}
#mothers-day .pods-container-inner .box {height:250px; border-radius:20px; overflow:hidden; position:relative;}
#mothers-day .pods-container-inner .box a {display:block; height:100%;}
#mothers-day .pods-container-inner .box img {height:auto; width:100%;}
#mothers-day .pods-container-inner .box .box-overlay {height:250px; width:100%; position:absolute; left:0; top:0; background:#000000; opacity:0.3;}
#mothers-day .pods-container-inner .box .content-details {color:#ffffff; position:absolute; top:20px; left:20px; z-index:5;}
#mothers-day .pods-container-inner .box .content-details h3 {font-family: Raleway, sans-serif; font-size:22px; margin:0;}

#mothers-day h2.section-ttl {font-family:Raleway; color:#b42227; font-size:32px; margin:40px 0 10px 0; padding:0;}
#mothers-day p {text-align:center;}

#mothers-day #category-slider .pods-container-inner {grid-template-rows: 1fr 1fr; grid-template-columns:1fr 1fr; grid-column-gap:20px; grid-row-gap:20px; padding-left:20px; padding-right:20px;}
#mothers-day #category-slider .pods-container-inner img {width:100%; height:auto;}

@media all and (min-width: 620px) {
    #mothers-day .pods-container-inner {padding:30px 30px 0 30px; grid-auto-flow:unset; grid-template-rows: 1fr 1fr 1fr 1fr; grid-template-columns:1fr 1fr; grid-column-gap:20px; grid-row-gap: 20px;}
    #mothers-day #category-slider .pods-container-inner {grid-template-rows: 1fr 1fr; grid-template-columns:1fr 1fr;}
    #mothers-day .pods-container-inner .box, #mothers-day .pods-container-inner .box .box-overlay  {height:235px;}
}

@media all and (min-width: 991px) {
    #mothers-day .pods-container-inner {grid-template-rows: 1fr 1fr 1fr; grid-template-columns:1fr 1fr  1fr;}
    #mothers-day #category-slider .pods-container-inner {grid-template-rows:1fr; grid-template-columns:1fr 1fr 1fr 1fr ;}
}

@media all and (min-width: 1280px) {
    #mothers-day h2.section-ttl {margin:60px 0 10px 0;}
}

.video-container {background: #b42227;}
.video-container svg {margin: 0 auto; display: block;}
.video-container {align-items: center; display: grid;}
.video-container .title {
    text-align: center;
    z-index: 2;
}
.video-container video {
    width: 100%;
}
.video-container .video {
    margin: 0 auto;
}
.video-container .title {
    margin-top: -170px;
}
.video-container svg.ttl-main {
    width: 220px;
}
.video-container svg.ttl-strap {
    width: 200px;
    margin-top: -30px;
}
.seocopy h1 {
    display: block !important;
    font-size: 20px;
}
@media only screen and (min-width: 490px) {
    .video-container .title {
        margin-top: -190px;
    }
    .video-container svg.ttl-main {
        width: 280px;
        padding-bottom: 10px;
    }
    .video-container svg.ttl-strap {
        width: 270px;
    }
    .video-container video {
        width: 490px;
    }
}
@media only screen and (min-width: 768px) {
    .spacer-full {
        height: 60px;
    }
    .spacer-half {
        height: 30px;
    }
    .video-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .video-container .video {
        order: 2;
    }
    .video-container video {
        width: 100%;
    }
    .video-container .title {
        text-align: center;
        background: 0 0;
        margin-top: 0;
    }
    .video-container svg.ttl-main {
        width: 310px;
        padding-bottom: 10px;
    }
    .video-container svg.ttl-strap {
        width: 300px;
    }
    .seocopy h1 {
        font-size: 22px;
    }
}
@media all and (min-width: 992px) {
    .video-container svg.ttl-main {
        width: 440px;
        margin-bottom: 20px;
    }
    .video-container svg.ttl-strap {
        width: 390px;
    }
}
@media all and (min-width: 1200px) {
    .video-container {
        height: 500px;
        overflow: hidden;
    }
    .video-container .video {
        height: 500px;
        margin-top: -100px;
    }
    .video-container .title {
        margin-top: 0;
    }
}