ol.number-color {
    padding-left: 45px;
    list-style-type: none;
    counter-reset: num;
}
ol.number-color li {
    position: relative;
    padding-left: 10px;
}
ol.number-color li:before {
    content: counter(num);
    counter-increment: num;
    position: absolute;
    font-size: 380%;
    left: -40px;
    top: -3px;
    background: #81E4E2;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 33px;
    color: #615d5d;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
ol.number-color li strong {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 120%;
}
strong.image-description {
    display: block;
    background: #f3f0f0;
    padding: 10px;
    font-size: 70%;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 10px;
}
ol.number-color li p{
    margin: 5px 0;
}
.image-bg{
    background-image: url(1.jpg);
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    background-position: right bottom;
}
.image-bg{
    padding: 40px 20px;
}
.image-bg div{
    width: 60%;
    padding: 20px;
    background: rgba(243, 243, 243, 0.73);
    margin: 0;
    font-size: 90%;
    font-weight: bold;
}
@media (min-width: 1200px){
    img.article-image{
        max-width: 80%;
        margin: 0 auto;
        display: block;
    }
}