.tags-full
	{
	display: block;
	width: 100%;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
.tags-full-p
	{
	display: block;
	width: auto;
	margin: 12px;
	padding: 12px;
	}

.tags-full p
	{
	display: inline-block;
	background: #dbefc3;
	color: #181ea5;
	padding: 1% 2%;
	margin: 2% 1%;
	border-radius: 5px;
	}
	
.tags-full p:hover { background: #e7f4d7; text-decoration: none; }
	
	@media screen and (max-width: 1200px)
		{ .tags-full p { margin: 1.4% 1%; padding: 1.2% 2.5%; } }
	
	@media screen and (max-width: 960px)
		{ .tags-full p { margin: 1.8% 1.2%; padding: 1.4% 3%; } }
	
	@media screen and (max-width: 740px)
		{ .tags-full p { margin: 2.5% 1.5%; padding: 2% 3.5%; } }
		
	@media screen and (max-width: 400px)
		{ .tags-full p { margin: 2.5% 1.5%; padding: 2.5% 4%; } }
	
/* tags ikon full */
	
.tags-full-ikon
	{
	position: relative;
	float: left;
	top: 1px;
	left: -8px;
	color: #87c936;
	margin: 0 2px 0 0;
	padding: 0;
	}

	@media screen and (max-width: 1200px)
		{ .material-icons.tags-full-ikon { left: ; margin: ; } }

	@media screen and (max-width: 960px)
		{ .material-icons.tags-full-ikon { top: 0; left: -4px; margin: 0 4px 0 0; } }

	@media screen and (max-width: 740px)
		{ .material-icons.tags-full-ikon { top: 0; left: -4px; margin: 0 4px 0 0; } }
		
	@media screen and (max-width: 400px)
		{ .material-icons.tags-full-ikon { left: -2px; margin: 0 4px 0 0; } }
		
/* tags rubrik */

.tags-rubrik
	{
	display: inline-block;
	background: #dbefc3;
	background: #;
	padding: 0.6% 3% 0.7% 3%;
	margin: 2% 1%;
	border-radius: 8px;
	box-shadow: 4px 4px 16px #cccccc;
	}
	
	@media screen and (max-width: 1200px)
		{ .tags-rubrik {  } }

	@media screen and (max-width: 960px)
		{ .tags-rubrik { padding: 1.2% 4%; border-radius: 5px; } }

	@media screen and (max-width: 740px)
		{ .tags-rubrik { padding: 1.2% 4%; border-radius: 5px; } }
		
	@media screen and (max-width: 400px)
		{ .tags-rubrik { padding: 1.2% 4%; border-radius: 5px; } }
		
.material-icons.tags-rubrik-ikon
	{
	font-size: 36px;
	position: relative;
	float: left;
	color: #87c936;
	left: -12px;
	top: 4px;
	}

	@media screen and (max-width: 1200px)
		{ .material-icons.tags-rubrik-ikon { font-size: 30px; left: -10px; top: 4px; } }

	@media screen and (max-width: 960px)
		{ .material-icons.tags-rubrik-ikon { font-size: 26px; left: -10px; top: 4px; } }

	@media screen and (max-width: 740px)
		{ .material-icons.tags-rubrik-ikon { font-size: 22px; left: -6px; top: 4px; } }
	
	@media screen and (max-width: 400px)
		{ .material-icons.tags-rubrik-ikon { font-size: 20px; left: -4px; top: 4px;  } }
	
.tags-rubrik h1
	{
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 30px;
	font-style: italic;
	line-height: normal;
	overflow-wrap: break-word;
	color: #1a1a1a;
	/* color: #365115; */
	width: 100%;
	float: auto;
	margin: 0 0 3px 0;
	padding: 2% 2%;
	text-shadow: none;
	}
	
	@media screen and (max-width: 1200px)
		{ .tags-rubrik h1 { font-size: 24px; } }	

	@media screen and (max-width: 960px)
		{ .tags-rubrik h1 { font-size: 22px; } }	
		
	@media screen and (max-width: 740px)
		{ .tags-rubrik h1 { font-size: 20px; } }
		
	@media screen and (max-width: 400px)
		{ .tags-rubrik h1 { font-size: 18px; } }