@font-face {
    font-family: 'mrsclareregular';
    src: url();
    src: url('MrsClare-Black-webfont.eot-#iefix') format('embedded-opentype'),
         url() format('woff'),
         url() format('truetype');
    font-weight: normal;
    font-style: normal;
}

.image-wrapper i{
  	display: block;
    font-size: 15px;
  	text-align: center;
}
.image-wrapper img{
  	display: block;
    width: 100%;
  	max-width: 500px;
    margin: 20px auto 0 auto;
}
.product-wrapper{
    text-align: center;
}
.product-caption{
    text-align: center;
}
.question{
    font-weight: bold;
}
.website_link{
    text-align: center;
}
footer{
    text-align: center;
}
.b-share .b-share-btn__wrap{
    display: block;
    float: none;
    height: 40px;
    margin: 4px 0px 8px !important;
    font-size: 30px;
}
.b-share-btn__wrap a {
    display: inline-block;
    height: auto;
    padding: 0!important;
    border-radius: 3px;
}
.b-share-btn__wrap a.vk{
    background-color: #48729e;
}
.b-share-btn__wrap a.fcbk{
    background-color: #3c5a98;
}
.b-share-btn__wrap a.twtr{
    background-color: #00aced;
}
.b-share-btn__wrap a.odn{
    background-color: #ff9f4d;
}
@media all and (max-width: 1300px){
    .col-social{
        display: none;
        margin:0;
    }
}
@media all and (max-width: 520px){
    
    div.title, div.date {
        display: inline-block;
    }
    article header h1{
        font-size: 27px;
        line-height: 34px;
    }
    *{
        float:none;
        max-width:100%;
    }
    .title, .date{
        display: inline-block;
    }
    .avatar{
        display: none;
    }

    .b-cmtItem .cmtHeader{
        height:35px;

    }
    .b-cmtItem .cmtHeader .title{
        padding-left: 8px;
    }
    .website_link{
    padding-left: 0px;
    }
    body > header .control_menu{
        display: none;
    }
}
.italic-heading{
    font-style: italic;
}
.bold-heading{
    font-weight: bold;
}


@media all and (min-width: 520px){
}
@media screen and (max-width: 519px) {
    article, .wallpaper article {
        font-size: 16px;
    }
    p {
        text-align: left;
    }
    .b-cmtItem .comment_content p {
        font-size: 16px;
    }
}
@media all and (max-width: 420px){
    .b-cmtItem .comment_content{
        margin: 0 10px 0 10px;
    }
    body > header .top_menu{
        display: none;
    }
    body > header .logo{
        margin: 0 auto;
        float: none;
    }
    article{
        margin: 8px auto 30px;
    }

    .btn-order{
        font-size: 18px;
        padding: 9px 10px 12px;
    }
}


.commentimg {
  width: 100%;
}