﻿/* Content Dividers */

.divider {
    height: 74px;
    overflow: hidden;
    position: relative;
    background-color: transparent;
}

    .divider.red-bg {
        background-color: #A81D21;
    }

.divider-brown-slant {
    /*bottom: -1px;*/
    background-color: transparent;
}


    .divider-brown-slant::before {
        content: '';
        font-family: 'shape divider from ShapeDividers.com';
        position: absolute;
        z-index: 3;
        pointer-events: none;
        background-repeat: no-repeat;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        background-size: 100% 74px;
        background-position: 50% 0%;
        background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 77.25" preserveAspectRatio="none"><g fill="%237a6d61"><path d="M0 68.78l381-33.86v42.33H0z"/><path d="M0 43.38l381-25.4v59.27H0z" opacity=".33"/><path d="M0 17.98L381 0v77.25H0z" opacity=".33"/></g></svg>');
    }


@media only screen and (max-width : 991px) {

    .divider {
        height: 75px;
        overflow: hidden;
        position: relative;
        /*z-index:9999;*/
    }

    .divider-brown-slant::before {
        background-size: 100% 75px !important;
    }

    .shape-photo-top {
        margin-top: -75px !important;
    }
}


.shape-photo {
    z-index: 1;
}

.shape-photo-top {
    margin-top: -74px;
}

.shape-photo-top-pt {
    padding-top: 75px;
}

.shape-photo-bottom {
    margin-bottom: -40px;
}

.hp-photo {
    margin-top: -20px;
}
