/* =====================================================
   PLAYFUL SEPARATOR SECTION
===================================================== */

.playful-separator {
    position: relative;
    overflow: hidden;
    padding-bottom: 220px;
}

.playful-separator::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 250px;
    background-image: url("../images/seperator.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;
    background-color: transparent;
    z-index: 5;
    pointer-events: none;
}

.playful-separator > * {
    position: relative;
    z-index: 6;
}