#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;
	opacity:0;
}
/*display:block/none don't work with transition: */
#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;
	opacity: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;
	opacity: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;
	opacity: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;
	opacity: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;
	opacity: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;
	opacity:0;
}

.button_nav {
	background-color: white;
	border: 1px solid DarkGreen;
	border-radius: 5px;	
	padding: 7px 10px;
    color: DarkGreen;
	font-size: 22px;
	margin-right: -1px;
	cursor: pointer
}
.filter_nav {
	position: relative;
	float: left; 	
}
.about:hover a,
.button_nav:hover {
	color: white;
	background-color: DarkGreen;
}
.ul_about {
	position: absolute;
	right: 0;
	bottom: 0;
}
.about {
	margin-top: -3px; 
	bottom: -3px;   /* вообще нихера непонятные отступы*/
	position: relative;
	float: none;
	list-style: none;
}
.about a {
    color: DarkGreen;
	text-decoration: none;	
}
.contacts {
	float: right !important;
}
/*появляется лишний отступ между ячейками*/
input:checked + label.filter_nav {
	color: white;
	background-color: DarkGreen;
}
.tile {
	transition: all 1s;
	padding: 0.59%;
}
.tile_sub {
	margin-top: 1px;
	height: auto;
	padding: 3% 0;
	font-size: 17px;
	color: DarkGreen;
	text-align: center;
	border-bottom: 2px solid DarkGreen;
	border-radius: 5px;
}
.tile:hover > a {
	text-decoration: none;
}
.tile:hover > a .tile_sub {
	background-color: DarkGreen;
	color: white;	
}
.tile:hover > a img {
	opacity: 0.7;
}

@media (min-width: 320px ) {
	.button_nav {
		font-size: 14px;
		padding: 2px 3px;
		margin-bottom: 2px;
	}
	.tile_sub {
		font-size: 12px;
		font-weight: bold;
	}
	.visible-855 {
		display: none;
	}
	.hidden-855 {
		display: block;
	}
	.col-filter {
		width: 50%;
		float: left;
	}
	footer {
		font-size: 14px;
	}
}
@media (min-width: 550px ) {
	.col-filter {
		width: 33.33333333%;
	}
}
@media (min-width: 680px ) {
	.button_nav {
		font-size: 16px;
		padding: 4px 5px;
	}
	.tile_sub {
		font-size: 12px;
	}
	footer {
		font-size: 16px;
	}
	.sticky {
		position: -webkit-sticky;
		position: -moz-sticky;
		position: -ms-sticky;
		position: -o-sticky;
		position: sticky;
		top: 0;
		z-index: 9999;
		background-color: rgba(255, 255, 255, 0.6);
	}
}
@media (min-width: 815px) {
	.button_nav {
		font-size: 17px;
		padding: 5px 7px;
	}
	.tile_sub {
		font-size: 14px;
	}
	.visible-855 {
		display: block;
	}
	.hidden-855 {
		display: none;
	}
	.col-filter {
		width: 25%;
	}
	footer {
		font-size: 17px;
	}
}
@media (min-width: 900px) {
	.button_nav {
		font-size: 19px;
		padding: 5px 7px;
	}
	.tile_sub {
		font-size: 16px;
	}
	footer {
		font-size: 19px;
	}
}
@media (min-width: 1070px) {
	.button_nav {
		font-size: 22px;
		padding: 7px 10px;
	}
	.tile_sub {
		font-size: 17px;
	}
	footer {
		font-size: 22px;
	}
}