body{margin:0;padding:0;background-image:url(../img/bg-body.jpg);font-family:Ubuntu,Arial,Helvetica,sans-serif}img{max-width:100%}.container{position:relative;max-width:320px;margin:0 auto}section{margin-bottom:20px;padding:15px 15px 30px;background-color:#fff}h1{font-weight:700;font-size:25px}h1 span{color:#e13232}p{font-weight:300;line-height:1.4}.bold{font-size:17px;font-weight:500}a{color:#1080e7}.comments__footer a,a:hover{text-decoration:none}.block-img,.img-text span{text-align:center}.img-text{position:relative}.img-text span{position:absolute;display:block;padding:13px 5px;min-width:55px;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:10px;left:10px;-webkit-border-radius:3px;border-radius:3px;text-transform:uppercase;font-size:13px;line-height:1px;font-weight:500}.img-text--before span{background-color:#e13232;color:#fff}.img-text--after span{background-color:#fff;color:#000}.btn{font-size:22px;line-height:1.1;text-decoration:none;-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out;border-bottom:2px solid #1080e7}.btn::after{content:'>>>';display:inline-block;margin-left:15px}.btn:hover{border-bottom-color:transparent}.text-center{text-align:center}.header{display:block;background-color:#fff;margin-bottom:20px}.header__container{padding-left:0;padding-right:0}.header__content{position:relative;padding:7px 0;border-bottom:1px solid #f2f2f2;text-align:center}.header__search,.header__soc{display:none}.header__soc-link{margin-left:13px}.header__logo{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.header__logo::after,.header__logo::before{content:'';display:block;width:30px;height:21px;background-image:url(../img/decor.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.header__logo img{width:93px;margin:10px 27px}.header__nav{-webkit-box-shadow:0 1px 1px rgba(196,196,196,.2);box-shadow:0 1px 1px rgba(196,196,196,.2)}.header__nav-list{list-style:none;padding:0;max-width:320px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.header__nav-link{display:inline-block;padding:13px;text-decoration:none;font-weight:300;font-size:14px;line-height:1;color:#000}.header__nav-link.active{color:#cf6e73}.comments__footer a:hover,.header__nav-link:hover{text-decoration:underline}.content__header-text,.content__header-text span{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.content__header-text{margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#8f8f8f;font-size:11px;line-height:14px}.content__header-text span{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-right:15px}.content__header-text img{width:15px;margin-right:8px}.comments{padding-top:0}.comments p{font-weight:400;margin-bottom:0}.comments__header{margin-left:-15px;margin-right:-15px;padding:10px 25px;background-color:#000}.comments__header h2{margin:0;font-size:16px;color:#fff}.comments__header-button,.comments__header-tag{display:none}.comments__list{list-style:none;margin:23px 0 0;padding:0}.comments__item{margin-bottom:12px}.comments__item>.comments__list{margin-left:39px;position:relative}.comments__item>.comments__list::before{content:url(../img/arrow.svg);position:absolute;top:0;left:-35px}.comments__avatar{float:left}.comments__date,.comments__name{display:block;margin-left:60px;font-weight:400;color:#e13232;font-size:13px;line-height:1.4}.comments__date{font-size:11px;line-height:2;color:#b1b1b1}.comments__footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.comments__footer a{font-size:13px;line-height:1.6;font-weight:400;color:#b1b1b1}.comments__like::after{content:url(../img/like.png);display:inline-block;vertical-align:middle;margin-left:5px}.aside{display:none}@media (min-width:971px){.container{max-width:971px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}h1{font-size:37px}.header{margin-bottom:50px}.header__content .header__container{display:block;max-width:970px;margin:0 auto;text-align:center}.header__search,.header__soc{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.header__search{left:0;display:block;width:20px;height:20px;background-image:url(../img/search.svg);background-size:contain;background-repeat:no-repeat}.header__soc{right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.header__logo::after,.header__logo::before{width:42px;height:30px}.header__logo img{width:147px}.header__nav-list{padding-top:4px;padding-bottom:4px}.header__nav-link{font-size:16px}.block-content{width:700px}.block-content section{padding-left:42px;padding-right:42px}.content__header-text{font-size:12px}.comments__header h2{font-size:18px}.comments__header,.comments__header-button,.comments__header-tag{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.comments__header{margin-left:-42px;margin-right:-42px;padding:21px 42px}.comments__header-button,.comments__header-tag{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:10px;font-weight:500}.comments__header-button{margin-left:auto;background-color:#fff;-webkit-border-radius:3px;border-radius:3px;color:#000;padding:5px 10px;text-decoration:none}.comments__header-button::after{content:url(../img/+.svg);margin-left:15px}.comments__header-tag{margin-left:30px;color:#fff;text-transform:uppercase}.comments__header-tag::before{content:url(../img/tag-white.svg);margin-right:10px}.comments__item>.comments__list{margin-left:90px}.comments__item>.comments__list::before{left:-85px}.aside{display:block;width:240px;margin-right:30px}.aside section{padding:30px 28px}.aside section::before{content:url(../img/aside-decor.svg);display:block;margin-bottom:10px}.aside section:last-child{padding-bottom:10px}.aside img{width:100%}.aside h2,.aside__item::before{font-weight:500;text-align:center}.aside h2{font-size:13px;text-transform:uppercase}.aside p{margin-bottom:12px}.aside__author{text-align:center}.aside__title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0;color:#b1b1b1;font-size:11px}.aside__list{list-style:none;counter-reset:num;margin:0;padding:0}.aside__item{position:relative;border-bottom:1px dashed #9d9d9d;margin-bottom:30px}.aside__item::before{content:counter(num) '';counter-increment:num;display:inline-block;width:20px;height:20px;background-color:#e13232;-webkit-border-radius:50%;border-radius:50%;position:absolute;top:5px;left:5px;font-size:14px;color:#fff;line-height:20px}.aside__item:last-child{border-bottom:none;margin-bottom:10px}.aside__view{display:block;min-width:50px;text-align:center}.aside__view::before{content:'';display:inline-block;width:15px;height:11px;background-image:url(../img/view.svg);background-size:contain;opacity:.4;margin-right:8px}}@media (max-width:970px){main{padding-left:10px;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box}}