.goals {
    background:#EDEDED;
    padding:10rem 0;
    position: relative;
    overflow: hidden;
}
.goals::before {
    background:url(../../images/pattern_5.svg) no-repeat;
    width:100%;
    width: 434px;
    height: 445px;
    content:"";
    position: absolute;
    left:0;
    top:-10rem;
    z-index: 0;
}
.goals__header {
    text-align: center;
}
.goals__header h2 {
    font-size:8rem;
    line-height: 1;
}
.goals__header p {
    font-size: 2rem;
    margin-bottom: 0;
}
.goals__border {
    border-top: 1px solid #D6B682;
    width:60px;
    margin:2rem auto;
}
.goals__content {
    padding:5rem 0 0 0;
}
.goals__img {
    border:1px solid #D6B682;
    max-width: calc(100rem - 2rem);
    padding:1rem;
    float: right;
    position: relative;
}
.goals__img img {
    width:100%;
}
.goals__text ol li {
    list-style-type:decimal-leading-zero;
    color:#18140F;
}
.goals__text ol { 
    counter-reset: item;
    list-style-type: none;
    padding-left:0;
}
.goals__text li { 
    display: block;
    float:left;
    clear: both; 
    margin-bottom:2.2rem;
    line-height: 1.3;
}
.goals__text li:last-of-type {
    margin-bottom:0;
}
.goals__text li:before { 
    content: counter(item, decimal-leading-zero) " "; 
    counter-increment: item;
    color:#fff;
    font-size:3.2rem;
    font-family: 'Cormorant', serif;
    font-weight: 600;
    position: relative;
    top:-1.5rem;
    float:left;
    padding-right:2rem;
    width:6rem;
}
.goals__text {
    background:#D6B682;
    width:70rem;
    position: absolute;
    top:53%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    padding:7rem;
}
@media (max-width:1200px) {
    .goals__img {
        float:initial;
        max-width:50rem;
        margin:0 auto;
        position: initial;
    }
    .goals__text {
        float: none;
        position: initial;
        top:initial;
        left:initial;
        transform: initial;
        -moz-transform: initial;
        -ms-transform: initial;
        -o-transform: initial;
        -webkit-transform: initial;
        margin: 0 auto;
        margin-top:5rem;
    }
} 
@media (max-width:992px) {
    .goals__text li::before { 
        float:none;
        position: initial;
        display: block;
    }
    .goals__text {
        width:initial;
        padding:5rem;
    }
    .goals__text li {
        float:none;
    }
    .goals__content {
        margin:2rem;
    }
}