*{box-sizing:border-box}h1,p{padding:0}h2,ul,ul li{margin:0;padding:0}body,img{width:100%}ul li{list-style:none}.content ul li,p{font:20px/29px "Inter",sans-serif;color:#000}.content ul li{list-style:disc;margin-bottom:10px;margin-left:50px}body{display:block;background:#f2f2f2;margin:0;padding:0;overflow-x:hidden}.wrapper,header .top .logo{display:block;width:100%;max-width:1150px;margin:0 auto}p{margin:0 0 25px}header{background:#fff;margin-bottom:15px}.categories ul,header .top{display:flex;align-items:center}header .top{background:#fff;min-height:120px}header .top .logo{max-width:642px;font-size:40px;font-weight:700;color:#fff;text-align:center}.content{background:#fff;padding:30px 50px}.current-category{font:700 25px/29px "Roboto Condensed",sans-serif;margin-bottom:22px;color:#f72210}.title{font:700 40px/47px "Roboto Condensed",sans-serif;color:#000}.post-date{font:300 17px/31px "Inter",sans-serif;position:relative;padding:0 7px;display:inline-block;text-transform:uppercase;color:#000}.post-date::after,.post-date::before{content:" ";height:14px;width:0;margin:auto;position:absolute;top:0;bottom:0}.post-date::before{border-left:.75px solid #000;left:0}.post-date::after{border-right:.75px solid #000;right:0}.categories{margin-top:15px}.categories ul{flex-direction:row;flex-wrap:wrap}.categories ul li{font:700 20px/23px "Roboto Condensed",sans-serif;background:silver;letter-spacing:.15em;padding:5px 14px;color:#fff;margin-right:13px;margin-bottom:5px}.categories ul li.current{background:#f72210}.categories ul li:last-child{margin-right:0}.content .image{display:block;margin:40px auto;border-top:5px solid #f72210}.content .image.horizontal{width:100%;max-width:720px}.content .image.vertical,.prod-img{width:100%;max-width:420px}.content .prod-img{max-width:400px;width:100%;margin:20px auto;display:block}h1{font:700 38px/46px "Inter",sans-serif;margin:35px 0;padding-left:30px;color:#000;position:relative;border-left:7px solid #f72210}h2{font:700 20px/29px "Inter",sans-serif;color:#f72210}a{cursor:pointer;color:#00f;text-decoration:none}.prod-img{max-width:300px;margin:40px auto}.comments,.prod-img{display:block}.comm{border-bottom:4px solid red;border-left:none;display:inline-block;padding-left:0}.comment{display:block;margin:15px auto;width:100%;padding-bottom:15px;border-bottom:1px solid #ebebeb}.comment.ans{padding-left:35px;border-bottom:none;padding-bottom:0;margin-bottom:0;padding-top:0}.comment .ava{max-width:50px;width:100%;float:left;border-radius:50%}.comment p{margin-left:70px;font-size:14px;line-height:18px;margin-bottom:5px}.comment p.comm-date{color:#a8abae}.btn,.btn:hover{background:#f72210;text-decoration:none;color:#fff}.btn{font:700 18px "Inter",sans-serif;max-width:250px;width:100%;height:auto;display:block;margin:0 auto;cursor:pointer;padding:15px 10px;border:0;border-radius:5px;text-transform:uppercase;transition:all .3s;text-align:center}.btn:hover{transform:scale(1.1)}.bot-btn{margin:20px auto!important}@media screen and (max-width:600px){header{margin-bottom:0}header .top{padding:0 20px;min-height:auto;max-height:75px}header .top .logo{max-width:320px;font-size:30px;line-height:90px}.content{padding:30px 15px}.current-category{display:none}.title{font-size:30px;line-height:35px}.post-date{font-weight:300;font-size:14px;line-height:25px}.categories ul li{font-size:12px;line-height:14px;margin-right:5px;letter-spacing:.15em}.content .image.horizontal,.content .image.vertical{max-width:100%}.content .image{margin:35px auto;border-top:4px solid #f72210}.content ul li,h1,p{font-size:18px;line-height:32px;letter-spacing:-.02em}h1{font-weight:800;font-size:28px;line-height:45px;border-left:4px solid #f72210;padding-left:15px}}@media screen and (max-width:500px){.comment .ava{margin-right:10px}.comment p{margin-left:auto}}@media screen and (max-width:330px){header .top .logo{font-size:26px}}