.article_button {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index:11;
}
.article_preview {
	width: 82%;
	margin-right: 2%;
	margin-bottom: 2%;
	transition: all 1s;
	border: 1px solid;
	border-color: DarkGreen;
	border-radius: 5px;
	overflow: hidden;
	 /* убрать и резать аннотацию через php*/
}
.article_preview h3 {
	margin-left: 40%;
}
.articles_filter,
.text_in_filter {
	width: 15%;
	float: right;
	clear: right;
	padding: 7px 10px;
	overflow: hidden;
}
.articles_filter {
	color: DarkGreen;
	border-left: 1px solid;
	border-bottom: 2px solid;
	border-color: DarkGreen;
	border-radius: 5px;
}
.text_in_filter {
	border-bottom: 1px solid;
}
.article_annotation {
	padding: 2%;
	height: auto;
}
.article_annotation a {
	padding: 2%;
	float: right;
}
img.article_image {
	width: 30%;
	float: left;
	margin: 2%;
	border-radius: 5px;
}
.articles_filter:hover,
input:checked + label.articles_filter {
	color: white;
	background-color: DarkGreen;
}


/* display: none не работает с transition */
#film:checked~.agro,
#film:checked~.irri,
#film:checked~.net,
#film:checked~.bags,
#film:checked~.build,
#film:checked~.another {
	width:0;
	height:0;
	padding:0;
	margin:0;
	border:0;
}
#agro:checked~.film,
#agro:checked~.irri,
#agro:checked~.net,
#agro:checked~.bags,
#agro:checked~.build,
#agro:checked~.another {
	width:0;
	height:0;
	padding:0;
	margin:0;
	border:0;
}
#irri:checked~.agro,
#irri:checked~.film,
#irri:checked~.net,
#irri:checked~.bags,
#irri:checked~.build,
#irri:checked~.another {
	width:0;
	height:0;
	padding:0;
	margin:0;
	border:0;
}
#net:checked~.agro,
#net:checked~.irri,
#net:checked~.film,
#net:checked~.bags,
#net:checked~.build,
#net:checked~.another {
	width:0;
	height:0;
	padding:0;
	margin:0;
	border:0;
}
#bags:checked~.agro,
#bags:checked~.irri,
#bags:checked~.net,
#bags:checked~.film,
#bags:checked~.build,
#bags:checked~.another {
	width:0;
	height:0;
	padding:0;
	margin:0;
	border:0;
}
#build:checked~.agro,
#build:checked~.irri,
#build:checked~.net,
#build:checked~.bags,
#build:checked~.film,
#build:checked~.another {
	width:0;
	height:0;
	padding:0;
	margin:0;
	border:0;
}
#another:checked~.agro,
#another:checked~.irri,
#another:checked~.net,
#another:checked~.bags,
#another:checked~.build,
#another:checked~.film {
	width:0;
	height:0;
	padding:0;
	margin:0;
	border:0;
}

@media (min-width: 320px ) {
	.articles_list a {
		font-size: 15px;
	}
		.article_preview {
		width: 68%;
	}
	.articles_filter,
	.text_in_filter {
		width: 30%;
		font-size: 14px;
		padding: 2px 3px;
	}
}
@media (min-width: 768px) {
	.articles_list a {
		font-size: 18px;
	}
	.article_preview {
		width: 78%;
	}
	.articles_filter,
	.text_in_filter {
		width: 20%;
		font-size: 17px;
		padding: 4px 5px;
	}
}
@media (min-width: 870px) {
	.articles_list a {
		font-size: 18px;
	}
	.article_preview {
		width: 78%;
	}
	.articles_filter,
	.text_in_filter {
		width: 20%;
		font-size: 20px;
		padding: 5px 7px;
	}
}
@media (min-width: 1100px) {
	.articles_list a {
		font-size: 20px;
	}
	.article_preview {
		width: 80%;
	}
	.articles_filter,
	.text_in_filter {
		width: 17%;
		font-size: 22px;
		padding: 7px 10px;
	}
}