div.cookies{
	font-size: 11px;
	color: #a0a0a0;
	text-transform: uppercase;
	margin: 10px 0px 5px 0px;
}
	div.cookies a {
		text-decoration: none;
	}


div.content {
	padding: 100px 10px 30px 10px;
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
	box-sizing: border-box;
}


	div.catalogue_cont {
		display: flex;
		justify-content: center;
		width: 100%;
		flex-direction: row-reverse;
		margin: 20px 0px 20px 0px;
	}
		div.catalogue_cont div.filter {
			min-width: 150px;
			width: 25%;
		}
		div.catalogue_cont div.catalog_filter {
			background: #f0f0f0;
		}
		
		div.catalogue_cont div.catalog_filter div.filt {
			margin: 0px 0px 20px 0px;
		}
		
		div.catalogue_cont div.catalog_filter div.filt p{
			font-size: 14px;
			font-weight: 600;
			margin: 12px 0px 5px 0px;
		}
			
		
			
@media screen and (max-width: 980px) {
	div.content {
		padding: 80px 10px 30px 10px;
	}

}




@media screen and (max-width: 620px) {
	div.cookies{
		font-size: 9px;
	}
	div.content {
		padding: 50px 10px 30px 10px;
	}
	

	
	div.catalogue_cont {
		display: block;
	}
	
	div.catalogue_cont div.catalog_filter {
		width: 100%;
		display: flex;
		justify-content: space-around;
		padding: 0px;
	}
		div.catalogue_cont div.catalog_filter div.filt p{
			font-size: 10px;
		}
		
		div.catalogue_cont div.filter {
			min-width: 0px;
			width: 100%;
			border-bottom: 1px solid #f0f0f0;
		}
		
	div.catalogue_cont div.catalog_content {
		width: 100%;
	}
}


	
div.tree {
	margin: 20px 0px 20px 0px;
	border-top: 1px solid #f0f0f0;
	padding: 20px 0px 20px 0px;
}
	div.tree div.capt {
		display: table;
		width: 100%:
	}
		div.tree div.capt div.ico {
			display: table-cell;
			vertical-align: middle;
			wdith: 320px;
		}
			div.tree div.capt div.ico img {
				width: 90%;
			}
		div.tree div.capt div.name {
			display: table-cell;
			vertical-align: middle;
			font-size: 30px;
			font-weight: 600;
		}
	
	div.tree div.links {
		display: flex;
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
	}	
		div.tree div.links div {
			width: 25%;
			padding: 10px 0px 20px 0px;
			box-sizing: border-box;
		}
			div.tree div.links div p {
				font-size: 16px;
				font-family: 'Merriweather', Sans-Serif;
				font-weight: 800;
			}
			div.tree div.links div a {
				font-size: 12px;
				display: inline-block;
				padding: 0px 0px 5px 0px;
			}
		
		
		

@media screen and (max-width: 920px) {
	div.tree div.capt div.ico {
		width: 180px;
	}
	div.tree div.capt div.name {
		font-size: 20px;
	}
	div.tree div.links div {
		width: 33%;
	}
}


		

@media screen and (max-width: 620px) {
	div.tree div.links div {
		text-align: center;
		width:  50%;
	}
}



@media screen and (max-width: 480px) {
	div.tree div.capt div.ico {
		width: 140px;
	}
	div.tree div.capt div.name {
		font-size: 16px;
	}
	
	div.tree div.links div {
		width:  100%;
	}
	div.tree div.links div p {
		font-size: 14px;
	}
}