.page-wrapper {
    padding-top:0;
    text-align:center
}
.page-wrapper   .header {
    width:100%;
    padding:99px 5% 8px;
    background-color:#fcf0f3
}
.page-wrapper   .header   h1 {
    color:#d30061;
    font-size:40px;
    font-size:2.5rem
}
.page-wrapper   .headline {
    padding:0 5%
}
.page-wrapper   .featured {
    width:100%
}
.page-wrapper   .featured   .title {
    margin:0 5%;
    padding:8px 0;
    border-top:1px solid #e5e5e5
}
.page-wrapper   .featured   .title   h3 {
    font-size:18px;
    font-size:1.125rem;
    color:#d30061
}
.page-wrapper   .featured   .video-player {
    position:relative;
    width:100%;
    margin-bottom:32px
}
.page-wrapper   .featured   .video-player   .un-mute-button {
    position:absolute;
    left:2px;
    top:2px;
    z-index:5;
    background:none;
    color:#141212;
    width:auto
}
.page-wrapper   .featured   .video-player   .un-mute-button:hover {
    color:#655a5a
}
.page-wrapper   .pro-list {
    padding:0 5%
}
.page-wrapper   .pro-list   .pro {
    padding:32px 0;
    border-bottom:1px solid #e5e5e5
}
.page-wrapper   .pro-list   .pro:first-child {
    border-top:1px solid #e5e5e5
}
.page-wrapper   .pro-list   .pro   a   .image {
    position:relative;
    padding-top:69.85%;
    width:100%
}
.page-wrapper   .pro-list   .pro   a   .image   img {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:top;
    object-position:top
}
.page-wrapper   .pro-list   .pro   a   .title {
    color:#141212;
    padding-top:16px
}
.page-wrapper   .pro-list   .pro   a   .title   h4 {
    font-size:18px;
    font-size:1.125rem
}
.page-wrapper   .pro-list   .pro   a   .message {
    color:#141212
}
.page-wrapper   .pro-list   .pro   a   .message   p {
    font-style:italic
}
.page-wrapper   .pro-list   .pro   a   .action   a {
    font-weight:700
}
@media only screen and (min-width:768px) {
    /*.page-wrapper   .header {
        padding-top:131px
    }*/
    .page-wrapper   .header   h1 {
        font-size:48px;
        font-size:3rem
    }
    .page-wrapper   .headline {
        max-width:600px
    }
    .page-wrapper   .featured {
        max-width:900px
    }
    .page-wrapper   .featured   .title {
        margin:0
    }
    .page-wrapper   .featured   iframe {
        max-width:900px;
        max-height:505px
    }
    .page-wrapper   .pro-list {
        display:flex;
        flex-wrap:wrap;
        max-width:1200px
    }
    .page-wrapper   .pro-list   .pro:first-child {
        border-top:none
    }
    .page-wrapper   .pro-list   .pro {
        width:31%;
        margin:0 8px
    }
}