article.course-hole {
    margin-top: 180px;
    --inner-content-custom-width: min( 100%, 1640px);
    max-width: var(--inner-content-custom-width);
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    row-gap: 20px;
    column-gap: 20px;
    margin: 160px auto 90px auto;
}


.wrapper-trou {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrapper-trou .wrapper-details {
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrapper-trou .trou-header .header-title {
    border-bottom: 1px solid #d3d7d9;
    border-right: 1px solid #d3d7d9;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: right;
    width: 50%;
}

.wrapper-trou .trou-header .header-title .title {
    font-size: 40px;
    line-height: 100%;
    margin: 0
}

.wrapper-trou .trou-header .header-title .sub-title {
    color: #a9a376;
    line-height: 100%;
    margin: 0 0 1rem;
    font-family: 'lato';
    font-size: 25px;
}

.wrapper-trou .trou-header .header-details .features {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.wrapper-trou .trou-header .header-details .features li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #353738;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.wrapper-trou .trou-header .header-details .features .icon {
    font-size: 3rem
}

.wrapper-trou .trou-header .header-details .features .golf-pro,.wrapper-trou .trou-header .header-details .features .golf-women {
    border-right: 1px solid #fff
}

.wrapper-trou .trou-header .header-details .features .golf-pro {
    background-color: #fff
}

.wrapper-trou .trou-header .header-details .features .golf-men {
    background-color: #ffee2b
}

.wrapper-trou .trou-header .header-details .features .golf-women {
    background-color: #45ccff
}

.wrapper-trou .trou-header .header-details .features .golf-child {
    background-color: #e84b30
}

.wrapper-trou .trou-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapper-trou .trou-content>.inner {
    max-width: 400px;
}

.wrapper-trou .trou-video {
    padding: 2rem 0;
    text-align: center;
    background-color: #a9a376;
    align-self: end;
    width: 100%;
}

.wrapper-trou .header-title,.wrapper-trou .trou-content {
    padding: 1rem;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 18px;
}

@media (min-width: 641px) {
    .wrapper-trou .header-title,.wrapper-trou .trou-content {
        padding: 2rem;
    }
}

.wrapper-trou a.wrapper-plan {
    width: 50%;
    line-height: 0;
    background: #d3f7d3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrapper-trou header.trou-header {
    display: flex;
    width: 100%;
}

.wrapper-trou .header-details {
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wrapper-trou a.link-back.btn.btn-tertiary {
    background-color: #353738;
    color: #fff;
    display: inline-block;
    padding: 1rem 2rem;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.wrapper-trou li.golf-pro, li.golf-men, li.golf-women, li.golf-child {
    width: 50%;
}

.wrapper-trou a.btn.btn-border.btn-inversed {
    border: 1px solid #FFFFFF;
    color: #fff;
    display: inline-block;
    padding: 1rem 2rem;
    text-decoration: none;
    text-transform: uppercase;
}


.wrapper-trou a.wrapper-plan > img
{
    height: auto;
    vertical-align: middle;
}

@media screen and (max-width:1000px)
{
    .wrapper-trou .wrapper-details,
    .wrapper-trou a.wrapper-plan{
        width:100%;
    }
}

@media screen and (max-width:450px)
{

    .wrapper-trou header.trou-header {
        flex-wrap:wrap;
    }

    .wrapper-trou .trou-header .header-title,
    .wrapper-trou .header-details {
        width:100%;
    }
}