html, body{margin:0;padding:0;position:relative;width:100%;max-width:100%;}
* {outline:none;border:none;font-family:Montserrat;}
.ff{width:100%;}
.wp{width:100%;max-width:900px;margin:0 auto;position:relative;}

.topicons{background:#ffffff;border-style:solid;border-width:0 0 1px 0;border-color:#ddd; position:fixed;padding:5px 0 0 0;display:flex;justify-content:space-between;align-items:flex-start;
	width:100%;max-width:900px !important;z-index:100;}
.headd{display:flex;justify-content:flex-start;align-items:center;padding-top:80px;}
	.headd img{width:150px;max-width:22%;margin-left:6%;}
	.headd>div{font-size:20px;font-weight:400;margin-left:6%;}
	.headd>div>span{color:#d92c52;font-soze:24px;font-weight:600;}
.iwork{margin:20px auto;width:88%;font-size:22px;}
.buttons{display:flex;}
	.buttons .share{background:#0195f7;color:#fff;font-weight:500;text-align:center;border-radius:6px;margin:0 15px 0 0;width:41%; max-width:250px;padding:10px 0;cursor:pointer;}
	.buttons .write{background:#efefef;color:#000;font-weight:500;text-align:center;border-radius:6px;margin:0 0 0 0;width:41%;max-width:250px;padding:10px 0;}
.sharepopup{position:fixed;width:100vw;height:100vh;background:url("../img/bgpopup.png");top:0;left:0;display:none;z-index:5;padding-top:35vh;}
	.sharepopup .cont{background:#f5f5f5;;max-width:500px;margin-left:auto;margin-right:auto;border-radius:6px;}
	.sharepopup .cont>div{padding:10px 0;border-style:solid;border-color:#e1e1e1;border-width:0 0 1px 0;text-align:center;font-size:20px;font-weight:400;}
	.sharepopup .cont>div>a{margin-bottom:10px;}
	.sharepopup .cont>div>a>img{margin:4px;}
	.sharepopup .cont>div.close{border:none;margin-top:10px;}

.scroll { position: relative; overflow-x: auto; overflow-y: hidden; height: 100%; white-space: nowrap; margin-top:30px;}
.scroll::-webkit-scrollbar { width: 0; }.scroll { -ms-overflow-style: none; }.scroll { overflow: -moz-scrollbars-none; }
.block { display: inline-block; width:110px; margin-right:2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none; position:relative;overflow:hidden;
	white-space:pre-wrap; vertical-align:top;text-align:center;}
.block img{display:block;width:100%;max-width:100px;margin:0 auto 5px;}
.block a{text-decoration:none;color:#333;font-size:15px;}
.lenta{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin:20px auto auto;}
.articlediv{width:32.7%;max-width:32.7%;display:block;margin-bottom:4px !important; position:relative;overflow: hidden;background-size:100% auto !important;}
	.articlediv:before {content: ""; padding-top: 100%; float: left;}
.artcontainer{display:flex;justify-content:space-between;align-items:flex-start;padding-top:60px;}
	.artimg{margin-right:35px;width:300px;max-width:30%;}
	.sart{padding:0;font-size:20px;}
	.sart h1{font-size:26px;font-weight:600;}

@media screen and (max-width:900px){
	.buttons .share{margin:0 15px 0 6%;}
}

@media screen and (max-width:460px){
	.headd>div{font-size:16px;}
	.headd>div>span{font-size:18px;}
	.iwork{font-size:18px;}
	.buttons .share{font-size:16px;margin:0 1% 0 6%;width:43%;padding:7px 0;}
	.buttons .write{font-size:16px;margin:0 6% 0 1%;width:43%;padding:7px 0;}
		.sharepopup .cont{width:96%;left:2%;}
		.sharepopup .cont>div{font-size:16px;}
	.scroll{padding-left:6%;}
	.artcontainer{display:block;}
	.artimg{margin-right:0;width:100%;max-width:100%;}
	.sart{padding:0 5%;font-size:18px;}
	.sart h1{font-size:22px;}
}