/* ============ Start of styles.css ============ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@font-face {
  font-family: 'Solari';
  src: url('') format('ttf');
}


html{
	-webkit-tap-highlight-color: rgba(135,204,204,0.7);
}

body {
	 background: /* url('https://images.staticjw.com/pic/5082/webb-picknick-bg-1.jpg')*/ no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}

.testingpage{
	height: 100px;
	width: 100px;
	background-color: red;
}

@media all and (min-width: 900px) {

.slow-fade{
			-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 1s; /* Firefox < 16 */
		        -ms-animation: fadein 1s; /* Internet Explorer */
		         -o-animation: fadein 1s; /* Opera < 12.1 */
		            animation: fadein 1s;
		}
		
		.normal-fade{
			-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 0.5s; /* Firefox < 16 */
		        -ms-animation: fadein 0.5s; /* Internet Explorer */
		         -o-animation: fadein 0.5s; /* Opera < 12.1 */
		            animation: fadein 0.5s;
		}
		
		.fast-fade{
			-webkit-animation: fadein 0.2s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 0.2s; /* Firefox < 16 */
		        -ms-animation: fadein 0.2s; /* Internet Explorer */
		         -o-animation: fadein 0.2s; /* Opera < 12.1 */
		            animation: fadein 0.2s;
		}

	.bg{
		position: fixed;
		width: 100%;
		height: 300%;
		top:0;
		left:0;
		z-index: -1;
	}

	.top-gradient{
		background-image: url('https://images.staticjw.com/pic/1359/webb-picknick-stripes.png');
		background-size: 5% 5px;
		background-repeat: repeat-x;
		background-position:;
		font-family: 'Lora', serif;
		height: 5px;
		width: 100%;
	}


	.header-main{
		width: 100%;
		height: 140px;
		background: rgba(255,255,255,0.90);
		border-bottom: 5px solid rgba(135,204,198,1);
		background-size: 450px;
		background-repeat: repeat-x;
		background-position:bottom;
		font-family: 'Lora', serif;
	}
	
		.header-container{
			width: 900px;
			height: 100%;
		}
		
			.header-one{
				width: 25%;
				height: 100%;
				float: left;
			}
			
				.header-one p{
					margin-top: 50px;
					font-size: 20px;
					font-weight: 400;
					color: #9e9e9e;
					font-family: 'Lato', sans-serif;
				}
			
			.header-two{
				width: 50%;
				height: 100%;
				background-image: url('https://images.staticjw.com/pic/5661/webb-picknick-gray.png');
				background-repeat: no-repeat;
				background-size: 170px;
				background-position: center top;
				float: left;
			}
			
			.header-three{
				width: 25%;
				height: 100%;
				float: left;
			}
			
				.header-three p{
					margin-top: 58px;
					font-size: 20px;
					font-weight: 400;
					color: #9e9e9e;
					font-family: 'Lato', sans-serif;
				}
				
			.header-bottom{
				display: none:
			}
			
				.header-bottom p{
					display: none;
				}
			
			
			.dropdownwrap{
				display: none;
			}
			
			.dropdown{
				display: none;
			}
			
		
		.main-container-extra-content{
			width: 95%;
			background-color: red;
		}
		
			a .main-container-extra-content h1, span .main-container-extra-content h1{
				font-size: 25px;
				margin-top: 10px;
				margin-bottom: 10px;
				padding-top: 10px;
				padding-bottom: 10px;
				width: 100%;
				background-color: rgba(245,206,218,1);
				color: black;
				text-decoration: none;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				transition:.5s;
				word-break: break-all;
			}
			
				a .main-container-extra-content h1:hover, span .main-container-extra-content h1:hover{
					background-color: rgba(0,0,0,1);
					color: white;
				}
			
			a{
				text-decoration: none;
			}
					
	.main-container{
		width: 100%;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
		
		.turkos-bg{
			background-color: rgba(135,204,198,1);
			background-image: url('https://images.staticjw.com/pic/2912/webb-picknick-post-bg.png');
			background-repeat: repeat-y;
			background-position: left;
			background-size: 200px;
			background-position-x: 10px;
		}
		
		.rosa-bg{
			background-color: rgba(245,206,218,1);
		}
		
		.orange-bg{
			background-color: rgba(245,188,91,1);
			background-image: url('https://images.staticjw.com/pic/2912/webb-picknick-post-bg.png');
			background-repeat: repeat-y;
			background-position: left;
			background-size: 200px;
			background-position-x: 10px;
			
		}
		
		.vit-bg{
			/* background-color: rgba(255,255,255,0.98); */
			background-color: rgba(255,255,255,1);
			background-image: url('https://images.staticjw.com/pic/2912/webb-picknick-post-bg.png');
			background-repeat: repeat-y;
			background-position: left;
			background-size: 200px;
			background-position-x: 10px;
		}
		
		.vitgray-bg{
			background-color: rgba(232,232,232,0.98);
		}
		
		.gray-bg{
			background-color: rgba(0,0,0,0.68);
		}
		
		.svart-bg{
			background-color: rgba(0,0,0,1);
		}
		
		.no-bg{
			background-color: rgba(31,33,74,0.15);
			color: #ffffff;
			text-shadow: 0px 0px 12px rgba(0,0,0,0.61);
			-webkit-text-shadow: 0px 0px 12px rgba(0,0,0,0.61)
		}
		
		.hugs{
			background-image: url('https://images.staticjw.com/pic/5054/webb-picknick-krammarkt-bg.png'); 
			background-repeat: no-repeat;
			background-position: left top;
			background-position-x: -30px;
			background-position-y: 120px;
			background-size: 340px;
		}
		
		.arch{
			margin-bottom: 0px;
			vertical-align: middle;
			font-size: 0px;
		}
		
			.arch img{
				margin-bottom: 0px;
				width: 100%;
				height: auto;
				vertical-align: middle;
				line-height: 1;
				font-size: 0px;
			}
		
			.main-container-content{
				width: 900px;
				height: auto;
				overflow: hidden;
				font-family: 'Lora', serif;
			}
			
				.picknick-info-bg{
					/* background-image: url('https://images.staticjw.com/pic/2328/webb-picknick-map.png');
					background-size: 210px;
					background-repeat: no-repeat;
					background-position: right center;
					background-position-x: 1000px; */
					
				}
			
				.main-container-content .picknick-info{
					font-family: 'Lato', sans-serif;
					font-weight: 300;
					font-size: 25px;
					width: 700px;
					line-height: 1.6;
				}
				
					.main-container-content .picknick-info b{
						font-weight: 700;
					}
			
				.main-container-content h1{
					font-size: 42px;
					font-family: 'Lora', serif;
					font-weight: bold;
					margin-top: 70px;
					margin-bottom: 70px;
				}
				
					
				
				.main-container-content h2{
					font-size: 24px;
					font-family: 'Lora', serif;
					font-weight: bold;
					margin-top: 0px;
					width: 900px;
					text-align: left;
					margin-bottom: 15px;
					margin-left: 22px;
				}
				
					.main-container-content .white{
						color: white;
					}
				
				.main-container-content h3{
					font-size: 42px;
					font-family: 'Lora', serif;
					font-weight: bold;
					margin-top: 20px;
					margin-bottom: 20px;
					color: white;
					text-shadow: 0px 0px 12px rgba(0,0,0,0.61);
					-webkit-text-shadow: 0px 0px 12px rgba(0,0,0,0.61);
					word-break: break-all;
				}
				
			.hugs-container{
				width: 600px;
				height: 200px;
				margin-top: 40px;
				margin-bottom: 50px;
				box-shadow: 0px 0px 12px rgba(0,0,0,1);
			}
			
				.hugs-container .hugs-num{
					font-size: 140px;
					font-family: 'Share Tech Mono';
					letter-spacing: 15px;
					text-shadow: 0px 0px 1px black;
					background-color: white;
					padding-top: 30px;
					padding-bottom: 30px;
					padding-left: 15px;
					border-radius: 3px;
					color: #272727;
				}
				
			.hugs-link{
				background-color: white;
				width: 250px;
				font-family: 'lora';
				font-size: 18px;
				padding: 10px;
				font-weight: bold;
				margin-top: 30px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				transition:.5s;
				color: black;
			}
				.hugs-link a{
					color: #000;
					-o-transition:.5s;
					-ms-transition:.5s;
					-moz-transition:.5s;
					-webkit-transition:.5s;
					transition:.5s;
				}
				
					.hugs-link:hover{
						background-color: black;
						color: white;
					}
					
					.hugs-link a:hover{
						color: white;
					}
				
			.morebox{
				height: 40px;
				width: 855px;
				float: left;
				background-color: white;
				margin-left: 22px;
				margin-bottom: 22px;
				padding-top: 10px;
				padding-bottom: 10px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				  /* ...and now for the proper property */
				transition:.5s;
				-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 1s; /* Firefox < 16 */
		        -ms-animation: fadein 1s; /* Internet Explorer */
		         -o-animation: fadein 1s; /* Opera < 12.1 */
		            animation: fadein 1s;
			}
			
				.morebox:hover{
					background-color: #000000;
				}
				
			.news-item-image{
				width: 270px;
				height: 160px;
				float: left;
				margin-left: 22px;
				margin-bottom: 20px;
			}
			
			.news-item-container{
				width: 230px;
				height: 120px;
				background-color: rgba(0,0,0,0.46);
				float: left;
				margin-bottom: 20px;
				color: #ffffff;
				text-shadow: 0px 0px 5px black;
				-webkit-text-shadow: 0px 0px 5px black;
				padding: 20px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				  /* ...and now for the proper property */
				transition:.5s;
				-webkit-animation: fadein .3s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein .3s; /* Firefox < 16 */
		        -ms-animation: fadein .3s; /* Internet Explorer */
		         -o-animation: fadein .3s; /* Opera < 12.1 */
		            animation: fadein .3s;
			}
			
				.news-item-container:hover{
					background-color: rgba(0,0,0,0.0);
				}
				
				.news-item-container:hover .news-item-topic{
					color: #ffffff;
					text-shadow: 0px 0px 5px black;
					-webkit-text-shadow: 0px 0px 5px black;
				}
				
				.news-item-container:hover .news-item-content{
					color: #ffffff;
				}
			
				.news-item-topic{
					width: 100%;
					height: auto;
					font-family: 'Lato', sans-serif;
					font-weight: bold;
					font-size: 20px;
					text-align: left;
				}
				
				.news-item-content{
					width: 100%;
					height: auto;
					margin-top: 15px;
					font-family: 'Lora', serif;
					font-weight: lighter;
					font-size: 16px;
					text-align: left;
					text-align: 
				}
				
			a .news-next{
				clear: both;
				float: right;
				font-family: 'Lora', serif;
				font-weight: lighter;
				font-size: 14px;
				text-decoration: underline;
				color: black;
				-o-transition:.2s;
				-ms-transition:.2s;
				-moz-transition:.2s;
				-webkit-transition:.2s;
				  /* ...and now for the proper property */
				transition:.2s;
			}
			
				a .news-next:hover{
					color: white;
				}
				
			
			.menu-links label{
				font-family: 'Lora', serif;
				font-weight: bold;
				font-size: 19px;
				color: white;
				  /* ...and now for the proper property */
				transition:.5s;
				text-decoration: none;
				text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
				-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
				display: inline-block;
				padding-left: 20px;
				padding-right: 20px;
				padding-top: 10px;
				padding-bottom: 10px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				
			}
			
				.menu-links label:hover{
					/* color: rgba(245,206,245,1); */
					color: black;
					background-color: #ffffff;
					text-shadow: none;
					-webkit-text-shadow:none;
				}
		
		
		
			
				.social-container{
					width: 230px;
					height: 540px;
					background-color: #ffffff;
					float: left;
					margin-left: 22px;
					margin-bottom: 20px;
					padding: 20px;
				}
				
					.social-logo{
						height: 70px;
						width: 70px;
						margin-bottom: 0px;
					}
					
						.social-container h1{
							font-size: 20px;
							font-family: 'Lora', serif;
							font-weight: bold;
							margin-top: 10px;
							margin-bottom: 22px;
						}
					
						#fb{
							background-image: url('https://images.staticjw.com/pic/3545/fb.png');
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 50px;
						}
						
						#tw{
							background-image: url('https://images.staticjw.com/pic/7171/tw.png');
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 50px;
						}
						
						#in{
							background-image: url('https://images.staticjw.com/pic/5047/in.png');
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 50px;
						}
					
					.social-content{
						
					}
					
					
				.top-info{
					height: 30px;
				}
				
					.fb-like{
						float: left;
					}
					
					.twitter-tweet{
						margin-top: 3px;
						float: left;
						margin-left: 10px;
					}
					
					.date-info{
						font-size: 12px;
						font-family: 'Lato', sans-serif;
						color: rgba(0,0,0,0.32);
						font-weight: normal;
						margin-top: 3px;
					}
					
				.news-viewer{
					width: 900px;
					height: auto;
					overflow: hidden;
				}
				
					.news-viewer-content{
						font-family: 'Lora', serif;
						font-weight: lighter;
						font-size: 19px;
						color: black;
						text-align: left;
						width: 900px;
						margin-top: 30px;
						margin-bottom: 30px;
					}
					
					.news-viewer-content h1{
						font-size: 30px;
						font-weight: bold;
						margin-bottom: 10px;
						font-family: 'Lato', sans-serif;
						margin-top: 10px;
					}
					
					.news-viewer-content h2{
						font-size: 22px;
						font-weight: bold;
						margin-bottom: 10px;
						font-family: 'Lato', sans-serif;
					}
					
					.news-viewer-content h3{
						font-size: 22px;
						font-weight: bold;
						margin-bottom: 5px;
						font-family: 'Lato', sans-serif;
						margin-top: 10px;
					}
					
					.news-viewer-content p{
						margin-bottom: 20px;
					}
					
					.news-viewer-content b{
						font-weight: bold;
					}
					
					.news-viewer-content i{
						font-style: italic;
					}
					
					.news-viewer-content a{
						color: #3b3b3b;
						text-decoration: underline;
						padding-left: 5px;
						padding-right: 5px;
					}
					
						.news-viewer-content a img:hover{
							opacity: 0.7;
							background-color: white;
							padding: 5px;
						}
						
						.news-viewer-content a:hover{
							color: #000000;
							background-color: white;
							border-radius: 5px;
						}
						
						
					.news-viewer-content ul{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
						list-style-type: circle;
					}
					
					.news-viewer-content ol{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
					}
					
					.news-viewer-content img{
						border-radius: 3px;
						max-width: 100%;
						margin-top: 5px;
						margin-bottom: 5px;
					}
					
					.news-viewer-content hr{
						border-top: 4px solid rgba(255,255,255,1);
						border-top: 4px solid rgba(255,255,255,1);
						border-right: 0px;
						border-left: 0px;
						width: 100%;
						margin-top: 20px;
						margin-bottom: 20px;
					}
					
				.page-viewer{
					width: 900px;
					height: auto;
					overflow: hidden;
				}
					
					.page-viewer-menu{
						width: 300px;
						height: auto;
						float: right;
						margin-top: 80px;
						margin-bottom: 30px;
						padding-left: 0px;
						padding-bottom: 30px;
						font-family: 'Lora', serif;
						color: black;
						text-align: left;
						background-color: rgba(243,243,243,1);
					}
					
						.page-viewer-menu h1{
							width: 275px;
							float: right;
							margin-top: 30px;
							margin-bottom: 10px;
							padding-left: 25px;
							font-size: 25px;
							font-weight: bold;
						}
						
						.page-viewer-menu .page-viewer-menu-item{
							width: 220px;
							float: right;
							margin-top: 1px;
							margin-bottom: 1px;
							margin-left: 10px;
							margin-right: 10px;
							height: 40px;
							font-size: 19px;
							color: #000;
							padding-left: 30px;
							padding-right: 30px;
							padding-top: 13px;
							text-decoration: underline;
							word-break: break-all;
						}
						
							.page-viewer-menu .page-viewer-menu-item:hover{
								color: #000;
								background-color:rgba(135,204,204,1);
								text-decoration: none;
								-o-transition:.2s;
								-ms-transition:.2s;
								-moz-transition:.2s;
								-webkit-transition:.2s;
								  /* ...and now for the proper property */
								transition:.2s;
							}
							
					.no-category{
						width: 100%;
					}
					
					.category-exists{
						width: 570px;
					}
				
					.page-viewer-content{
						font-family: 'Lora', serif;
						font-weight: lighter;
						font-size: 19px;
						color: black;
						text-align: left;
						float: left;
						margin-top: 30px;
						margin-bottom: 30px;
						padding-right: 30px;
						word-break: break-word;
					}
					
					.page-viewer-content h1{
						font-size: 30px;
						font-weight: bold;
						margin-bottom: 20px;
						margin-top: 0px;
						font-family: 'Lato', sans-serif;
					}
					
					.page-viewer-content h2{
						font-size: 22px;
						font-weight: bold;
						margin-bottom: 10px;
						font-family: 'Lato', sans-serif;
					}
					
					.page-viewer-content h3{
						font-size: 20px;
						font-weight: bold;
						margin-bottom: 5px;
						font-family: 'Lato', sans-serif;
					}
					
					.page-viewer-content b{
						font-weight: bold;
					}
					
					.page-viewer-content i{
						font-style: italic;
					}
					
					.page-viewer-content a{
						color: #3b3b3b;
						text-decoration: underline;
						padding-left: 1px;
						padding-right: 1px;
					}
					
						.page-viewer-content a:hover{
							color: #000000;
							background-color: rgba(135,204,198,1);
							border-radius: 5px;
						}
						
					.page-viewer-content ul{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
						list-style-type: circle;
					}
					
					.page-viewer-content ol{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
					}
					
					.page-viewer-content img{
						border-radius: 3px;
						max-width: 100%;
						margin-top: 5px;
						margin-bottom: 5px;
					}
					
					.page-viewer-content hr{
						border-top: 3px solid rgba(135,204,198,1);
						border-bottom: 3px solid rgba(135,204,198,1);
						border-right: 0px;
						border-left: 0px;
						width: 100%;
						margin-top: 20px;
						margin-bottom: 20px;
					}
					
					.form-container{
						height: auto;
						width: 525px;
						background-color: none;
						border: 2px solid #e9e9e9;
						padding: 20px;
					}
					
						.form-container .short-input{
							padding: 12px;
							height: 20px;
							font-size: 18px;
							width: 495px;
							margin-bottom: 10px;
							outline: none;
							-webkit-appearance: none;
							border: 1px solid #f1f1f1;
							font-family: 'Lora', serif;
							font-weight: bold;
							background-color: white;
						}
						
						.form-container .button-send{
							-webkit-appearance: none;
							height: 40px;
							width: 520px;
							border: 0px solid #f1f1f1;
							background-color: rgba(243,243,243,1);
							font-family: 'Lora', serif;
							font-weight: bold;
							font-size: 18px;
							color: black;
							-o-transition:.1s;
							-ms-transition:.1s;
							-moz-transition:.1s;
							-webkit-transition:.1s;
						}
						
							.form-container .button-send:hover{
								background-color: rgba(135,204,198,0.98);
							}
					
			
			
				.footer{
					background-image: url('https://images.staticjw.com/pic/3681/webb-picknick-grass.png');
					background-size: 400px;
					background-repeat: repeat-x;
					background-position: bottom;
				}
				
				.footer-content{
					color: #989898;
					font-size: 12px;
				}
				
					.footer-content a{
						color: rgba(135,204,204,1);
						font-size: 12px;
					}
				
					.footer-logo{
						height: 80px;
						width: 200px;
						background-image: url('https://images.staticjw.com/pic/2739/webb-picknick-gray2.png');
						background-size: 120px;
						background-position: center center;
						background-repeat: no-repeat;
					}
					
					.login{
						height: 20px;
						width: 20px;
						background-image: url('https://images.staticjw.com/pic/9100/webb-picknick-login.png');
						background-size: 20px;
						background-position: center center;
						background-repeat: no-repeat;
						border-radius: 7px;
						margin-top: 10px;
					}



				.four-four-image{
					height: 260px;
					width: 600px;
					background-image: url('https://images.staticjw.com/pic/9995/webb-picknick-404.png');
					background-size: 300px;
					background-repeat: no-repeat;
					background-position: center top;
				}
				
					.four-four-text h1{
						font-size: 30px;
						margin-top: 30px;
						margin-bottom: 20px;
					}
										
}

@media all and (max-width: 899px) and (min-width: 720px){

.slow-fade{
			-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 1s; /* Firefox < 16 */
		        -ms-animation: fadein 1s; /* Internet Explorer */
		         -o-animation: fadein 1s; /* Opera < 12.1 */
		            animation: fadein 1s;
		}
		
		.normal-fade{
			-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 0.5s; /* Firefox < 16 */
		        -ms-animation: fadein 0.5s; /* Internet Explorer */
		         -o-animation: fadein 0.5s; /* Opera < 12.1 */
		            animation: fadein 0.5s;
		}
		
		.fast-fade{
			-webkit-animation: fadein 0.2s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 0.2s; /* Firefox < 16 */
		        -ms-animation: fadein 0.2s; /* Internet Explorer */
		         -o-animation: fadein 0.2s; /* Opera < 12.1 */
		            animation: fadein 0.2s;
		}

	.bg{
		position: fixed;
		width: 100%;
		height: 300%;
		top:0;
		left:0;
		z-index: -1;
	}



	.top-gradient{
		background-image: url('https://images.staticjw.com/pic/1359/webb-picknick-stripes.png');
		background-size: 5% 5px;
		background-repeat: repeat-x;
		background-position:;
		font-family: 'Lora', serif;
		height: 5px;
		width: 100%;
	}

	.header-main{
		width: 100%;
		height: 140px;
		background: rgba(255,255,255,0.90);
		background-size: 300px;
		background-repeat: repeat-x;
		background-position:bottom;
		font-family: 'Lora', serif;
		border-bottom: 5px solid rgba(135,204,198,1);
	}
	
		.header-container{
			width: 100%;
			height: 100%;
		}
		
			.header-one{
				width: 25%;
				height: 100%;
				float: left;
			}
			
				.header-one p{
					margin-top: 53px;
					font-size: 16px;
					color: #9e9e9e;
					font-family: 'Lato', sans-serif;
					font-weight: 400;
				}
			
			.header-two{
				width: 50%;
				height: 100%;
				background-image: url('https://images.staticjw.com/pic/5661/webb-picknick-gray.png');
				background-repeat: no-repeat;
				background-size: 180px;
				background-position: center top;
				float: left;
			}
			
			.header-three{
				width: 25%;
				height: 100%;
				float: left;
			}
			
				.header-three p{
					margin-top: 63px;
					font-size: 16px;
					color: #9e9e9e;
					font-family: 'Lato', sans-serif;
					font-weight: 400;
				}
				
			.header-bottom{
				display: none:
			}
			
				.header-bottom p{
					display: none;
				}
				
			.dropdownwrap{
				display: none;
			}
			
			.dropdown{
				display: none;
			}
		
		.main-container-extra-content{
			width: 100%;
		}
		
			a .main-container-extra-content h1, span .main-container-extra-content h1{
				font-size: 25px;
				margin-top: 10px;
				margin-bottom: 10px;
				padding-top: 10px;
				padding-bottom: 10px;
				width: 100%;
				background-color: rgba(245,206,218,1);
				color: black;
				text-decoration: none;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				transition:.5s;
				word-break: break-all;
			}
			
				a .main-container-extra-content h1:hover, span .main-container-extra-content h1:hover{
					background-color: rgba(0,0,0,1);
					color: white;
				}
			
			a{
				text-decoration: none;
			}
		
				
	.main-container{
		width: 100%;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
		
		.turkos-bg{
			background-color: rgba(135,204,198,1);
			background-image: url('https://images.staticjw.com/pic/2912/webb-picknick-post-bg.png');
			background-repeat: repeat-y;
			background-position: left;
			background-size: 200px;
			background-position-x: 10px;
		}
		
		.rosa-bg{
			background-color: rgba(245,206,218,1);
		}
		
		.orange-bg{
			background-color: rgba(245,188,91,1);
			background-image: url('https://images.staticjw.com/pic/2912/webb-picknick-post-bg.png');
			background-repeat: repeat-y;
			background-position: left;
			background-size: 200px;
			background-position-x: 10px;
		}
		
		.vit-bg{
			background-color: rgba(255,255,255,1);
		}
		
		.vitgray-bg{
			background-color: rgba(232,232,232,1);
		}
		
		.gray-bg{
			background-color: rgba(0,0,0,0.68);
		}
		
		.svart-bg{
			background-color: rgba(0,0,0,1);
		}
		
		.no-bg{
			background-color: rgba(31,33,74,0.15);
			color: #ffffff;
			text-shadow: 0px 0px 12px rgba(0,0,0,0.61);
			-webkit-text-shadow: 0px 0px 12px rgba(0,0,0,0.61)
		}
		
		.arch{
			margin-bottom: 0px;
			vertical-align: middle;
			font-size: 0px;
		}
		
			.arch img{
				margin-bottom: 0px;
				width: 100%;
				height: auto;
				vertical-align: middle;
				line-height: 1;
				font-size: 0px;
			}
		
			.main-container-content{
				width: 94%;
				height: auto;
				overflow: hidden;
				font-family: 'Lora', serif;
			}
			
				.main-container-content .picknick-info{
					font-family: 'Lato', sans-serif;
					font-weight: 300;
					font-size: 25px;
					width: 500px;
					line-height: 1.6;
				}
				
					.main-container-content .picknick-info b{
						font-weight: 700;
					}
				
				.main-container-content iframe{
					height: 300px;
					width: 100%;
				}

			
				.main-container-content h1{
					font-size: 42px;
					font-family: 'Lora', serif;
					font-weight: bold;
					margin-top: 70px;
					margin-bottom: 70px;
				}
				
				.main-container-content h2{
					font-size: 24px;
					font-family: 'Lora', serif;
					font-weight: bold;
					margin-top: 0px;
					width: 100%;
					text-align: left;
					margin-bottom: 15px;
					margin-left: 0px;
				}
				
				.main-container-content .white{
						color: white;
					}
				
				.main-container-content h3{
					font-size: 42px;
					font-family: 'Lora', serif;
					font-weight: bold;
					margin-top: 20px;
					margin-bottom: 20px;
					color: white;
					text-shadow: 0px 0px 12px rgba(0,0,0,0.61);
					-webkit-text-shadow: 0px 0px 12px rgba(0,0,0,0.61);
					word-break: break-all;
				}
				
			
			
			.hugs-container{
				width: 600px;
				height: 200px;
				margin-top: 40px;
				margin-bottom: 50px;
				box-shadow: 0px 0px 12px rgba(0,0,0,1);
			}
			
				.hugs-container .hugs-num{
					font-size: 140px;
					font-family: 'Share Tech Mono';
					letter-spacing: 15px;
					text-shadow: 0px 0px 1px black;
					background-color: white;
					padding-top: 30px;
					padding-bottom: 30px;
					padding-left: 15px;
					border-radius: 3px;
					color: #272727;
				
				}
				
			.hugs-link{
				background-color: white;
				width: 250px;
				font-family: 'lora';
				font-size: 18px;
				padding: 10px;
				font-weight: bold;
				margin-top: 30px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				transition:.5s;
				color: black;
			}
				.hugs-link a{
					color: #000;
					-o-transition:.5s;
					-ms-transition:.5s;
					-moz-transition:.5s;
					-webkit-transition:.5s;
					transition:.5s;
				}
				
					.hugs-link:hover{
						background-color: black;
						color: white;
					}
					
					.hugs-link a:hover{
						color: white;
					}
				
				
			.morebox{
				height: 40px;
				width: 60px;
				clear: both;
				border-radius: 30px;
				-webkit-border-radius: 30px;
				background-color: white;
				margin-bottom: 22px;
				padding-top: 10px;
				margin-top: 30px;
				padding-bottom: 10px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				  /* ...and now for the proper property */
				transition:.5s;
				-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 1s; /* Firefox < 16 */
		        -ms-animation: fadein 1s; /* Internet Explorer */
		         -o-animation: fadein 1s; /* Opera < 12.1 */
		            animation: fadein 1s;
			}
			
				.morebox:hover{
					background-color: #000000;
				}
				
			.news-item-image{
				width: 100%;
				height: 110px;
				float: left;
				margin-left: 0%;
				margin-bottom: 20px;
			}
			
			.news-item-container{
				width: 98%;
				height: 70px;
				background-color: rgba(0,0,0,0.46);
				float: left;
				margin-bottom: 10px;
				color: #ffffff;
				text-shadow: 0px 0px 5px black;
				-webkit-text-shadow: 0px 0px 5px black;
				padding: 20px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				  /* ...and now for the proper property */
				transition:.5s;
				-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 1s; /* Firefox < 16 */
		        -ms-animation: fadein 1s; /* Internet Explorer */
		         -o-animation: fadein 1s; /* Opera < 12.1 */
		            animation: fadein 1s;
			}
			
				.news-item-container:hover{
					background-color: rgba(0,0,0,0.0);
				}
				
				.news-item-container:hover .news-item-topic{
					color: #ffffff;
					text-shadow: 0px 0px 5px black;
					-webkit-text-shadow: 0px 0px 5px black;
				}
				
				.news-item-container:hover .news-item-content{
					color: #ffffff;
				}
			
				.news-item-topic{
					width: 100%;
					height: auto;
					font-family: 'Lato', sans-serif;
					font-weight: bold;
					font-size: 20px;
					text-align: left;
				}
				
				.news-item-content{
					width: 100%;
					height: auto;
					margin-top: 15px;
					font-family: 'Lora', serif;
					font-weight: lighter;
					font-size: 16px;
					text-align: left;
					text-align: 
				}
				
			a .news-next{
				clear: both;
				float: right;
				font-family: 'Lora', serif;
				font-weight: lighter;
				font-size: 14px;
				text-decoration: underline;
				color: black;
				-o-transition:.2s;
				-ms-transition:.2s;
				-moz-transition:.2s;
				-webkit-transition:.2s;
				  /* ...and now for the proper property */
				transition:.2s;
			}
			
				a .news-next:hover{
					color: white;
				}
				
			
			.menu-links label{
				font-family: 'Lora', serif;
				font-weight: bold;
				font-size: 17px;
				color: white;
				  /* ...and now for the proper property */
				transition:.5s;
				text-decoration: none;
				text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
				-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
				display: inline-block;
				padding-left: 7px;
				padding-right: 7px;
				padding-top: 7px;
				padding-bottom: 7px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				
			}
			
				.menu-links label:hover{
					/* color: rgba(245,206,245,1); */
					color: black;
					background-color: #ffffff;
					text-shadow: none;
					-webkit-text-shadow:none;
				}
		
		
			
				.social-container{
					width: 33%;
					height: auto;
					background-color: none;
					float: left;
					padding: 0px;
				}
				
					.social-logo{
						height: 50px;
						width: 50px;
						margin-bottom: 0px;
						padding: 20px;
						background-color: white;
					}
					
						.social-container h1{
							font-size: 20px;
							font-family: 'Lora', serif;
							font-weight: bold;
							margin-top: 20px;
							margin-bottom: 22px;
						}
					
						#fb{
							background-image: url('https://images.staticjw.com/pic/3545/fb.png');
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 50px;
						}
						
						#tw{
							background-image: url('https://images.staticjw.com/pic/7171/tw.png');
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 50px;
						}
						
						#in{
							background-image: url('https://images.staticjw.com/pic/5047/in.png');
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 50px;
						}
					
					.social-content{
						display: none;
					}
				
				
				.top-info{
					height: 30px;
				}
				
					.fb-like{
						float: left;
					}
					
					.twitter-tweet{
						margin-top: 3px;
						float: left;
						margin-left: 10px;
					}
					
					.date-info{
						font-size: 12px;
						font-family: 'Lato', sans-serif;
						color: rgba(0,0,0,0.32);
						font-weight: normal;
						margin-top: 3px;
					}	
					
				.news-viewer{
					width: 95%;
					height: auto;
					overflow: hidden;
				}
				
					.news-viewer-content{
						font-family: 'Lora', serif;
						font-weight: lighter;
						font-size: 19px;
						color: black;
						text-align: left;
						width: 100%;
						margin-top: 30px;
						margin-bottom: 30px;
					}
					
					.news-viewer-content h1{
						font-size: 30px;
						font-weight: bold;
						margin-bottom: 10px;
						font-family: 'Lato', sans-serif;
						margin-top: 10px;
					}
					
					.news-viewer-content h2{
						font-size: 22px;
						font-weight: bold;
						margin-bottom: 10px;
						font-family: 'Lato', sans-serif;
					}
					
					.news-viewer-content h3{
						font-size: 22px;
						font-weight: bold;
						margin-bottom: 5px;
						margin-top: 10px;
						font-family: 'Lato', sans-serif;
					}
					
					.news-viewer-content p{
						margin-bottom: 20px;
					}
					
					.news-viewer-content b{
						font-weight: bold;
					}
					
					.news-viewer-content i{
						font-style: italic;
					}
					
					.news-viewer-content a{
						color: #3b3b3b;
						text-decoration: underline;
						padding-left: 5px;
						padding-right: 5px;
					}
					
						.news-viewer-content a img:hover{
							opacity: 0.7;
							background-color: white;
							padding: 5px;
						}
						
						.news-viewer-content a:hover{
							color: #000000;
							background-color: white;
							border-radius: 5px;
						}
						
						
					.news-viewer-content ul{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
						list-style-type: circle;
					}
					
					.news-viewer-content ol{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
					}
					
					.news-viewer-content img{
						border-radius: 3px;
						max-width: 100%;
						margin-top: 5px;
						margin-bottom: 5px;
					}
					
					.news-viewer-content hr{
						border-top: 4px solid rgba(255,255,255,1);
						border-top: 4px solid rgba(255,255,255,1);
						border-right: 0px;
						border-left: 0px;
						width: 100%;
						margin-top: 20px;
						margin-bottom: 20px;
					}
					
				.page-viewer{
					width: 95%;
					height: auto;
					overflow: hidden;
				}
					
					.page-viewer-menu{
						width: 30%;
						height: auto;
						float: right;
						margin-top: 85px;
						margin-bottom: 30px;
						padding-left: 15px;
						padding-bottom: 30px;
						font-family: 'Lora', serif;
						color: black;
						text-align: left;
						background-color: rgba(243,243,243,1);
					}
					
						.page-viewer-menu h1{
							width: 95%;
							float: right;
							margin-top: 30px;
							margin-bottom: 10px;
							padding-left: 25px;
							font-size: 25px;
							font-weight: bold;
						}
						
						.page-viewer-menu .page-viewer-menu-item{
							width: 70%;
							float: right;
							margin-top: 1px;
							margin-bottom: 1px;
							margin-left: 10px;
							margin-right: 10px;
							height: auto;
							font-size: 19px;
							color: #000;
							padding-left: 30px;
							padding-right: 30px;
							padding-top: 13px;
							padding-bottom: 13px;
							text-decoration: underline;
							word-break: break-all;
						}
						
							.page-viewer-menu .page-viewer-menu-item:hover{
								color: #000;
								background-color:rgba(135,204,204,1);
								text-decoration: none;
								-o-transition:.2s;
								-ms-transition:.2s;
								-moz-transition:.2s;
								-webkit-transition:.2s;
								  /* ...and now for the proper property */
								transition:.2s;
							}
				
					.no-category{
						width: 100%;
					}
					
					.category-exists{
						width: 60%;
					}
					
					.page-viewer-content{
						font-family: 'Lora', serif;
						font-weight: lighter;
						font-size: 19px;
						color: black;
						text-align: left;
						float: left;
						margin-top: 30px;
						margin-bottom: 30px;
						padding-right: 30px;
						word-break: break-word;
					}
					
					.page-viewer-content h1{
						font-size: 30px;
						font-weight: bold;
						margin-bottom: 20px;
						margin-top: 0px;
						font-family: 'Lato', sans-serif;
					}
					
					.page-viewer-content h2{
						font-size: 22px;
						font-weight: bold;
						margin-bottom: 10px;
						font-family: 'Lato', sans-serif;
					}
					
					.page-viewer-content h3{
						font-size: 20px;
						font-weight: bold;
						margin-bottom: 5px;
						font-family: 'Lato', sans-serif;
					}
					
					.page-viewer-content b{
						font-weight: bold;
					}
					
					.page-viewer-content i{
						font-style: italic;
					}
					
					.page-viewer-content a{
						color: #3b3b3b;
						text-decoration: underline;
						padding-left: 1px;
						padding-right: 1px;
					}
					
						.page-viewer-content a:hover{
							color: #000000;
							background-color: rgba(135,204,198,1);
							border-radius: 5px;
						}
						
					.page-viewer-content ul{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
						list-style-type: circle;
					}
					
					.page-viewer-content ol{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
					}
					
					.page-viewer-content img{
						border-radius: 3px;
						max-width: 100%;
						margin-top: 5px;
						margin-bottom: 5px;
					}
					
					.page-viewer-content hr{
						border-top: 3px solid rgba(135,204,198,1);
						border-bottom: 3px solid rgba(135,204,198,1);
						border-right: 0px;
						border-left: 0px;
						width: 100%;
						margin-top: 20px;
						margin-bottom: 20px;
					}
			
			
				.footer{
					background-image: url('https://images.staticjw.com/pic/3681/webb-picknick-grass.png');
					background-size: 400px;
					background-repeat: repeat-x;
					background-position: bottom;
				}
				
				.footer-content{
					color: #989898;
					font-size: 12px;
				}
				
					.footer-content a{
						color: rgba(135,204,204,1);
						font-size: 12px;
					}
				
					.footer-logo{
						height: 80px;
						width: 200px;
						background-image: url('https://images.staticjw.com/pic/2739/webb-picknick-gray2.png');
						background-size: 120px;
						background-position: center center;
						background-repeat: no-repeat;
					}
					
					.login{
						height: 20px;
						width: 20px;
						background-image: url('https://images.staticjw.com/pic/9100/webb-picknick-login.png');
						background-size: 20px;
						background-position: center center;
						background-repeat: no-repeat;
						border-radius: 7px;
						margin-top: 10px;
					}



				.four-four-image{
					height: 260px;
					width: 600px;
					background-image: url('https://images.staticjw.com/pic/9995/webb-picknick-404.png');
					background-size: 300px;
					background-repeat: no-repeat;
					background-position: center top;
				}
				
					.four-four-text h1{
						font-size: 30px;
						margin-top: 30px;
						margin-bottom: 20px;
					}
					
}

@media all and (max-width: 719px) and (min-width: 606px){

.slow-fade{
			-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 1s; /* Firefox < 16 */
		        -ms-animation: fadein 1s; /* Internet Explorer */
		         -o-animation: fadein 1s; /* Opera < 12.1 */
		            animation: fadein 1s;
		}
		
		.normal-fade{
			-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 0.5s; /* Firefox < 16 */
		        -ms-animation: fadein 0.5s; /* Internet Explorer */
		         -o-animation: fadein 0.5s; /* Opera < 12.1 */
		            animation: fadein 0.5s;
		}
		
		.fast-fade{
			-webkit-animation: fadein 0.2s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 0.2s; /* Firefox < 16 */
		        -ms-animation: fadein 0.2s; /* Internet Explorer */
		         -o-animation: fadein 0.2s; /* Opera < 12.1 */
		            animation: fadein 0.2s;
		}

	.bg{
		position: fixed;
		width: 100%;
		height: 300%;
		top:0;
		left:0;
		z-index: -1;
	}


	.top-gradient{
		background-image: url('https://images.staticjw.com/pic/1359/webb-picknick-stripes.png');
		background-size: 5% 5px;
		background-repeat: repeat-x;
		background-position:;
		font-family: 'Lora', serif;
		height: 5px;
		width: 100%;
	}


	.header-main{
		width: 100%;
		height: 130px;
		background: rgba(255,255,255,0.90);
		background-image: url('https://images.staticjw.com/pic/3681/webb-picknick-grass.png');
		background-size: 000px;
		background-repeat: repeat-x;
		background-position:bottom;
		font-family: 'Lora', serif;
		border-bottom: 5px solid rgba(135,204,198,1);
	}
	
		.header-container{
			width: 100%;
			height: 100%;
		}
		
			.header-one{
				width: 25%;
				height: 100%;
				float: left;
				display: none;
			}
			
				.header-one p{
					margin-top: 53px;
					font-size: 16px;
					font-weight: bold;
					color: #9e9e9e;
					display: none;
				}
			
			.header-two{
				width: 50%;
				height: 80px;
				background-image: url('https://images.staticjw.com/pic/5661/webb-picknick-gray.png');
				background-repeat: no-repeat;
				background-size: 130px;
				background-position: center top;
			}
			
			.header-three{
				width: 25%;
				height: 100%;
				float: left;
				display: none;
			}
			
				.header-three p{
					margin-top: 63px;
					font-size: 16px;
					font-weight: bold;
					color: #9e9e9e;
					display: none;
				}
				
			.header-bottom{
				height: 40px;
			}
				.header-bottom p{
					font-size: 12px;
					color: #9e9e9e;
					font-family: 'Lato', sans-serif;
					font-weight: 400;
				}
				
			.dropdownwrap{
				display: none;
			}
			
			.dropdown{
				height: 40px;
				width: 40px;
				float: left;
				position: absolute;
				margin-left: 10px;
				background-image: url('https://images.staticjw.com/pic/3821/webb-picknick-menu.png');
				background-size: 70%;
				background-color: #fff;
				background-repeat: no-repeat;
				background-position: center center;
				border: 1px solid #cfcfcf;
				border-radius: 4px;
				-webkit-border-radius: 4px;
			}
			
		.main-container-extra-content{
			width: 100%;
		}
		
			a .main-container-extra-content h1, span .main-container-extra-content h1{
				font-size: 25px;
				margin-top: 10px;
				margin-bottom: 10px;
				padding-top: 10px;
				padding-bottom: 10px;
				width: 100%;
				background-color: rgba(245,206,218,1);
				color: black;
				text-decoration: none;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				transition:.5s;
				word-break: break-all;
			}
			
				a .main-container-extra-content h1:hover, span .main-container-extra-content h1:hover{
					background-color: rgba(0,0,0,1);
					color: white;
				}
			
			a{
				text-decoration: none;
			}
			
	
	.main-container{
		width: 100%;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
		
		.turkos-bg{
			background-color: rgba(135,204,198,1);
			background-image: url('https://images.staticjw.com/pic/2912/webb-picknick-post-bg.png');
			background-repeat: repeat-y;
			background-position: left;
			background-size: 200px;
			background-position-x: 10px;
		}
		
		.rosa-bg{
			background-color: rgba(245,206,218,1);
		}
		
		.orange-bg{
			background-color: rgba(245,188,91,1);
			background-image: url('https://images.staticjw.com/pic/2912/webb-picknick-post-bg.png');
			background-repeat: repeat-y;
			background-position: left;
			background-size: 200px;
			background-position-x: 10px;
		}
		
		.vit-bg{
			background-color: rgba(255,255,255,1);
		}
		
		.vitgray-bg{
			background-color: rgba(232,232,232,1);
		}
		
		.gray-bg{
			background-color: rgba(0,0,0,0.68);
		}
		
		.svart-bg{
			background-color: rgba(0,0,0,1);
		}
		
		.no-bg{
			background-color: rgba(31,33,74,0.15);
			color: #ffffff;
			text-shadow: 0px 0px 12px rgba(0,0,0,0.61);
			-webkit-text-shadow: 0px 0px 12px rgba(0,0,0,0.61)
		}
		
		.arch{
			margin-bottom: 0px;
			vertical-align: middle;
			font-size: 0px;
		}
		
			.arch img{
				margin-bottom: 0px;
				width: 100%;
				height: auto;
				vertical-align: middle;
				line-height: 1;
				font-size: 0px;
			}
		
			.main-container-content{
				width: 94%;
				height: auto;
				overflow: hidden;
				font-family: 'Lora', serif;
			}
			
			
				.main-container-content .picknick-info{
					font-family: 'Lato', sans-serif;
					font-weight: 300;
					font-size: 21px;
					width: 420px;
					line-height: 1.6;
				}
				
					.main-container-content .picknick-info b{
						font-weight: 700;
					}
				
				.main-container-content iframe{
					height: 300px;
					width: 100%;
				}

			
				.main-container-content h1{
					font-size: 30px;
					font-family: 'Lora', serif;
					font-weight: bold;
					margin-top: 20px;
					margin-bottom: 20px;
				}
				
				.main-container-content h2{
					font-size: 24px;
					font-family: 'Lora', serif;
					font-weight: bold;
					margin-top: 0px;
					width: 100%;
					text-align: left;
					margin-bottom: 15px;
					margin-left: 0px;
				}
				
				.main-container-content .white{
						color: white;
					}
				
				.main-container-content h3{
					font-size: 30px;
					font-family: 'Lora', serif;
					font-weight: bold;
					margin-top: 20px;
					margin-bottom: 20px;
					color: white;
					text-shadow: 0px 0px 12px rgba(0,0,0,0.61);
					-webkit-text-shadow: 0px 0px 12px rgba(0,0,0,0.61);
					word-break: break-all;
				}
				
			.hugs-container{
				width: 85%;
				height: 200px;
				margin-top: 40px;
				margin-bottom: 50px;
				box-shadow: 0px 0px 12px rgba(0,0,0,1);
			}
			
				.hugs-container .hugs-num{
					font-size: 130px;
					font-family: 'Share Tech Mono';
					letter-spacing: 15px;
					text-shadow: 0px 0px 1px black;
					background-color: white;
					padding-top: 30px;
					padding-bottom: 30px;
					padding-left: 15px;
					border-radius: 3px;
					color: #272727;
				
				}
				
				.hugs-link{
				background-color: white;
				width: 250px;
				font-family: 'lora';
				font-size: 18px;
				padding: 10px;
				font-weight: bold;
				margin-top: 30px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				transition:.5s;
				color: black;
			}
				.hugs-link a{
					color: #000;
					-o-transition:.5s;
					-ms-transition:.5s;
					-moz-transition:.5s;
					-webkit-transition:.5s;
					transition:.5s;
				}
				
					.hugs-link:hover{
						background-color: black;
						color: white;
					}
					
					.hugs-link a:hover{
						color: white;
					}
				
			.morebox{
				height: 40px;
				width: 60px;
				clear: both;
				border-radius: 30px;
				-webkit-border-radius: 30px;
				background-color: white;
				margin-bottom: 22px;
				padding-top: 10px;
				margin-top: 30px;
				padding-bottom: 10px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				  /* ...and now for the proper property */
				transition:.5s;
				-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 1s; /* Firefox < 16 */
		        -ms-animation: fadein 1s; /* Internet Explorer */
		         -o-animation: fadein 1s; /* Opera < 12.1 */
		            animation: fadein 1s;
			}
			
				.morebox:hover{
					background-color: #000000;
				}
				
			.news-item-image{
				width: 100%;
				height: 110px;
				float: left;
				margin-left: 0%;
				margin-bottom: 20px;
			}
			
			.news-item-container{
				width: 98%;
				height: 70px;
				background-color: rgba(0,0,0,0.46);
				float: left;
				margin-bottom: 10px;
				color: #ffffff;
				text-shadow: 0px 0px 5px black;
				-webkit-text-shadow: 0px 0px 5px black;
				padding: 20px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				  /* ...and now for the proper property */
				transition:.5s;
				-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 1s; /* Firefox < 16 */
		        -ms-animation: fadein 1s; /* Internet Explorer */
		         -o-animation: fadein 1s; /* Opera < 12.1 */
		            animation: fadein 1s;
			}
			
				.news-item-container:hover{
					background-color: rgba(0,0,0,0.0);
				}
				
				.news-item-container:hover .news-item-topic{
					color: #ffffff;
					text-shadow: 0px 0px 5px black;
					-webkit-text-shadow: 0px 0px 5px black;
				}
				
				.news-item-container:hover .news-item-content{
					color: #ffffff;
				}
			
				.news-item-topic{
					width: 100%;
					height: auto;
					font-family: 'Lato', sans-serif;
					font-weight: bold;
					font-size: 20px;
					text-align: left;
				}
				
				.news-item-content{
					width: 100%;
					height: auto;
					margin-top: 15px;
					font-family: 'Lora', serif;
					font-weight: lighter;
					font-size: 16px;
					text-align: left;
					text-align: 
				}
				
			a .news-next{
				clear: both;
				float: right;
				font-family: 'Lora', serif;
				font-weight: lighter;
				font-size: 14px;
				text-decoration: underline;
				color: black;
				-o-transition:.2s;
				-ms-transition:.2s;
				-moz-transition:.2s;
				-webkit-transition:.2s;
				  /* ...and now for the proper property */
				transition:.2s;
			}
			
				a .news-next:hover{
					color: white;
				}
				
				
			.links{
				display: none;
			}
			
			.menu-links label{
				font-family: 'Lora', serif;
				font-weight: bold;
				font-size: 19px;
				color: white;
				  /* ...and now for the proper property */
				transition:.5s;
				text-decoration: none;
				text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
				-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
				display: block;
				padding-left: 10px;
				padding-right: 10px;
				padding-top: 7px;
				padding-bottom: 7px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				
			}
			
				.menu-links{
					text-decoration: none;
				}
			
				.menu-links label:hover{
					/* color: rgba(245,206,245,1); */
					color: black;
					background-color: #ffffff;
					text-shadow: none;
					-webkit-text-shadow:none;
				}
			
 
				.social-container{
					width: 33%;
					height: auto;
					background-color: none;
					float: left;
					padding: 0px;
				}
				
					.social-logo{
						height: 50px;
						width: 50px;
						margin-bottom: 0px;
						padding: 20px;
						background-color: white;
					}
					
						.social-container h1{
							font-size: 20px;
							font-family: 'Lora', serif;
							font-weight: bold;
							margin-top: 20px;
							margin-bottom: 22px;
						}
					
						#fb{
							background-image: url('https://images.staticjw.com/pic/3545/fb.png');
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 50px;
						}
						
						#tw{
							background-image: url('https://images.staticjw.com/pic/7171/tw.png');
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 50px;
						}
						
						#in{
							background-image: url('https://images.staticjw.com/pic/5047/in.png');
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 50px;
						}
					
					.social-content{
						display: none;
					}
				
				
				.top-info{
					height: 30px;
				}
				
					.fb-like{
						float: left;
					}
					
					.twitter-tweet{
						margin-top: 3px;
						float: left;
						margin-left: 10px;
					}
					
					.date-info{
						font-size: 12px;
						font-family: 'Lato', sans-serif;
						color: rgba(0,0,0,0.32);
						font-weight: normal;
						margin-top: 3px;
					}	
					
				.news-viewer{
					width: 95%;
					height: auto;
					overflow: hidden;
				}
				
					.news-viewer-content{
						font-family: 'Lora', serif;
						font-weight: lighter;
						font-size: 19px;
						color: black;
						text-align: left;
						width: 100%;
						margin-top: 30px;
						margin-bottom: 30px;
					}
					
					.news-viewer-content h1{
						font-size: 30px;
						font-weight: bold;
						margin-bottom: 10px;
						margin-top: 10px;
						font-family: 'Lato', sans-serif;
					}
					
					.news-viewer-content h2{
						font-size: 22px;
						font-weight: bold;
						margin-bottom: 10px;
						font-family: 'Lato', sans-serif;
					}
					
					.news-viewer-content h3{
						font-size: 22px;
						font-weight: bold;
						margin-bottom: 5px;
						margin-top: 10px;
						font-family: 'Lato', sans-serif;
					}
					
					.news-viewer-content p{
						margin-bottom: 20px;
					}
					
					.news-viewer-content b{
						font-weight: bold;
					}
					
					.news-viewer-content i{
						font-style: italic;
					}
					
					.news-viewer-content a{
						color: #3b3b3b;
						text-decoration: underline;
						padding-left: 5px;
						padding-right: 5px;
					}
					
						.news-viewer-content a img:hover{
							opacity: 0.7;
							background-color: white;
							padding: 5px;
						}
						
						.news-viewer-content a:hover{
							color: #000000;
							background-color: white;
							border-radius: 5px;
						}
						
						
					.news-viewer-content ul{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
						list-style-type: circle;
					}
					
					.news-viewer-content ol{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
					}
					
					.news-viewer-content img{
						border-radius: 3px;
						max-width: 100%;
						margin-top: 5px;
						margin-bottom: 5px;
					}
					
					.news-viewer-content hr{
						border-top: 4px solid rgba(255,255,255,1);
						border-top: 4px solid rgba(255,255,255,1);
						border-right: 0px;
						border-left: 0px;
						width: 100%;
						margin-top: 20px;
						margin-bottom: 20px;
					}
					
				.page-viewer{
					width: 95%;
					height: auto;
					overflow: hidden;
				}
					
					.page-viewer-menu{
						width: 100%;
						height: auto;
						float: right;
						margin-top: 85px;
						margin-bottom: 30px;
						padding-left: 15px;
						padding-bottom: 30px;
						font-family: 'Lora', serif;
						color: black;
						text-align: left;
						background-color: rgba(243,243,243,1);
					}
					
						.page-viewer-menu h1{
							width: 95%;
							float: right;
							margin-top: 30px;
							margin-bottom: 10px;
							padding-left: 25px;
							font-size: 25px;
							font-weight: bold;
						}
						
						.page-viewer-menu .page-viewer-menu-item{
							width: 86%;
							float: right;
							margin-top: 1px;
							margin-bottom: 1px;
							margin-left: 10px;
							margin-right: 10px;
							height: auto;
							font-size: 19px;
							color: #000;
							padding-left: 30px;
							padding-right: 30px;
							padding-top: 13px;
							padding-bottom: 13px;
							text-decoration: underline;
							word-break: break-all;
						}
						
							.page-viewer-menu .page-viewer-menu-item:hover{
								color: #000;
								background-color:rgba(135,204,204,1);
								text-decoration: none;
								-o-transition:.2s;
								-ms-transition:.2s;
								-moz-transition:.2s;
								-webkit-transition:.2s;
								  /* ...and now for the proper property */
								transition:.2s;
							}
				
					.no-category{
						width: 100%;
					}
					
					.category-exists{
						width: 100%;
					}
					
					.page-viewer-content{
						font-family: 'Lora', serif;
						font-weight: lighter;
						font-size: 19px;
						color: black;
						text-align: left;
						float: left;
						width: 100%;
						margin-top: 30px;
						margin-bottom: 30px;
						padding-right: 30px;
						word-break: break-word;
					}
					
					.page-viewer-content h1{
						font-size: 30px;
						font-weight: bold;
						margin-bottom: 20px;
						margin-top: 0px;
						font-family: 'Lato', sans-serif;
					}
					
					.page-viewer-content h2{
						font-size: 22px;
						font-weight: bold;
						margin-bottom: 10px;
						font-family: 'Lato', sans-serif;
					}
					
					.page-viewer-content h3{
						font-size: 20px;
						font-weight: bold;
						margin-bottom: 5px;
						font-family: 'Lato', sans-serif;
					}
					
					.page-viewer-content b{
						font-weight: bold;
					}
					
					.page-viewer-content i{
						font-style: italic;
					}
					
					.page-viewer-content a{
						color: #3b3b3b;
						text-decoration: underline;
						padding-left: 1px;
						padding-right: 1px;
					}
					
						.page-viewer-content a:hover{
							color: #000000;
							background-color: rgba(135,204,198,1);
							border-radius: 5px;
						}
						
					.page-viewer-content ul{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
						list-style-type: circle;
					}
					
					.page-viewer-content ol{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
					}
					
					.page-viewer-content img{
						border-radius: 3px;
						max-width: 100%;
						margin-top: 5px;
						margin-bottom: 5px;
					}
					
					.page-viewer-content hr{
						border-top: 3px solid rgba(135,204,198,1);
						border-bottom: 3px solid rgba(135,204,198,1);
						border-right: 0px;
						border-left: 0px;
						width: 100%;
						margin-top: 20px;
						margin-bottom: 20px;
					}
			
			
				.footer{
					background-image: url('https://images.staticjw.com/pic/3681/webb-picknick-grass.png');
					background-size: 400px;
					background-repeat: repeat-x;
					background-position: bottom;
				}
				
				.footer-content{
					color: #989898;
					font-size: 12px;
				}
				
					.footer-content a{
						color: rgba(135,204,204,1);
						font-size: 12px;
					}
				
					.footer-logo{
						height: 80px;
						width: 200px;
						background-image: url('https://images.staticjw.com/pic/2739/webb-picknick-gray2.png');
						background-size: 120px;
						background-position: center center;
						background-repeat: no-repeat;
					}
					
					.login{
						height: 20px;
						width: 20px;
						background-image: url('https://images.staticjw.com/pic/9100/webb-picknick-login.png');
						background-size: 20px;
						background-position: center center;
						background-repeat: no-repeat;
						border-radius: 7px;
						margin-top: 10px;
					}



				.four-four-image{
					height: 260px;
					width: 100%;
					background-image: url('https://images.staticjw.com/pic/9995/webb-picknick-404.png');
					background-size: 250px;
					background-repeat: no-repeat;
					background-position: center top;

				}
				
					.four-four-text h1{
						font-size: 30px;
						margin-top: 30px;
						margin-bottom: 20px;
					}


}

 
@media all and (max-width: 605px) and (min-width: 423px){

.slow-fade{
			-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 1s; /* Firefox < 16 */
		        -ms-animation: fadein 1s; /* Internet Explorer */
		         -o-animation: fadein 1s; /* Opera < 12.1 */
		            animation: fadein 1s;
		}
		
		.normal-fade{
			-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 0.5s; /* Firefox < 16 */
		        -ms-animation: fadein 0.5s; /* Internet Explorer */
		         -o-animation: fadein 0.5s; /* Opera < 12.1 */
		            animation: fadein 0.5s;
		}
		
		.fast-fade{
			-webkit-animation: fadein 0.2s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 0.2s; /* Firefox < 16 */
		        -ms-animation: fadein 0.2s; /* Internet Explorer */
		         -o-animation: fadein 0.2s; /* Opera < 12.1 */
		            animation: fadein 0.2s;
		}

	.bg{
		position: fixed;
		width: 100%;
		height: 300%;
		top:0;
		left:0;
		z-index: -1;
	}


	.top-gradient{
		background-image: url('https://images.staticjw.com/pic/1359/webb-picknick-stripes.png');
		background-size: 5% 5px;
		background-repeat: repeat-x;
		background-position:;
		font-family: 'Lora', serif;
		height: 5px;
		width: 100%;
	}


	.header-main{
		width: 100%;
		height: 130px;
		background: rgba(255,255,255,0.90);
		background-image: url('https://images.staticjw.com/pic/3681/webb-picknick-grass.png');
		background-size: 000px;
		background-repeat: repeat-x;
		background-position:bottom;
		font-family: 'Lora', serif;
		border-bottom: 5px solid rgba(135,204,198,1);
	}
	
		.header-container{
			width: 100%;
			height: 100%;
		}
		
			.header-one{
				width: 25%;
				height: 100%;
				float: left;
				display: none;
			}
			
				.header-one p{
					margin-top: 53px;
					font-size: 16px;
					font-weight: bold;
					color: #9e9e9e;
					display: none;
				}
			
			.header-two{
				width: 50%;
				height: 80px;
				background-image: url('https://images.staticjw.com/pic/5661/webb-picknick-gray.png');
				background-repeat: no-repeat;
				background-size: 130px;
				background-position: center top;
			}
			
			.header-three{
				width: 25%;
				height: 100%;
				float: left;
				display: none;
			}
			
				.header-three p{
					margin-top: 63px;
					font-size: 16px;
					font-weight: bold;
					color: #9e9e9e;
					display: none;
				}
				
			.header-bottom{
				height: 40px;
			}
				.header-bottom p{
					font-size: 12px;
					color: #9e9e9e;
					font-family: 'Lato', sans-serif;
					font-weight: 400;
				}
				
			.dropdownwrap{
				display: none;
			}
			
			.dropdown{
				height: 40px;
				width: 40px;
				float: left;
				position: absolute;
				margin-left: 10px;
				background-image: url('https://images.staticjw.com/pic/3821/webb-picknick-menu.png');
				background-color: #fff;
				background-size: 70%;
				background-repeat: no-repeat;
				background-position: center center;
				border: 1px solid #cfcfcf;
				border-radius: 4px;
				-webkit-border-radius: 4px;
			}
			
			
	.main-container-extra-content{
			width: 100%;
		}
		
			a .main-container-extra-content h1, span .main-container-extra-content h1{
				font-size: 25px;
				margin-top: 10px;
				margin-bottom: 10px;
				padding-top: 10px;
				padding-bottom: 10px;
				width: 100%;
				background-color: rgba(245,206,218,1);
				color: black;
				text-decoration: none;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				transition:.5s;
				word-break: break-all;
			}
			
				a .main-container-extra-content h1:hover, span .main-container-extra-content h1:hover{
					background-color: rgba(0,0,0,1);
					color: white;
				}
			
			a{
				text-decoration: none;
			}
	.main-container{
		width: 100%;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
		
		.turkos-bg{
			background-color: rgba(135,204,198,1);
			background-image: url('https://images.staticjw.com/pic/2912/webb-picknick-post-bg.png');
			background-repeat: repeat-y;
			background-position: left;
			background-size: 200px;
			background-position-x: 10px;
		}
		
		.rosa-bg{
			background-color: rgba(245,206,218,1);
		}
		
		.orange-bg{
			background-color: rgba(245,188,91,1);
			background-image: url('https://images.staticjw.com/pic/2912/webb-picknick-post-bg.png');
			background-repeat: repeat-y;
			background-position: left;
			background-size: 200px;
			background-position-x: 10px;
		}
		
		.vit-bg{
			background-color: rgba(255,255,255,1);
		}
		
		.vitgray-bg{
			background-color: rgba(232,232,232,1);
		}
		
		.gray-bg{
			background-color: rgba(0,0,0,0.68);
		}
		
		.svart-bg{
			background-color: rgba(0,0,0,1);
		}
		
		.no-bg{
			background-color: rgba(31,33,74,0.15);
			color: #ffffff;
			text-shadow: 0px 0px 12px rgba(0,0,0,0.61);
			-webkit-text-shadow: 0px 0px 12px rgba(0,0,0,0.61)
		}
		
		.arch{
			margin-bottom: 0px;
			vertical-align: middle;
			font-size: 0px;
		}
		
			.arch img{
				margin-bottom: 0px;
				width: 100%;
				height: auto;
				vertical-align: middle;
				line-height: 1;
				font-size: 0px;
			}
		
			.main-container-content{
				width: 94%;
				height: auto;
				overflow: hidden;
				font-family: 'Lora', serif;
			}
			
				.main-container-content .picknick-info{
					font-family: 'Lato', sans-serif;
					font-weight: 300;
					font-size: 22px;
					width: 80%;
					line-height: 1.6;
				}
				
					.main-container-content .picknick-info b{
						font-weight: 700;
					}
				
				
				.main-container-content iframe{
					height: 300px;
					width: 100%;
				}

			
				.main-container-content h1{
					font-size: 30px;
					font-family: 'Lora', serif;
					font-weight: bold;
					margin-top: 20px;
					margin-bottom: 20px;
				}
				
				.main-container-content h2{
					font-size: 24px;
					font-family: 'Lora', serif;
					font-weight: bold;
					margin-top: 0px;
					width: 100%;
					text-align: left;
					margin-bottom: 15px;
					margin-left: 0px;
				}
				
				.main-container-content .white{
						color: white;
					}
				
				.main-container-content h3{
					font-size: 30px;
					font-family: 'Lora', serif;
					font-weight: bold;
					margin-top: 20px;
					margin-bottom: 20px;
					color: white;
					text-shadow: 0px 0px 12px rgba(0,0,0,0.61);
					-webkit-text-shadow: 0px 0px 12px rgba(0,0,0,0.61);
					word-break: break-all;
				}
				
			.hugs-container{
				width: 100%;
				height: 170px;
				margin-top: 40px;
				margin-bottom: 50px;
				box-shadow: 0px 0px 12px rgba(0,0,0,1);
			}
			
				.hugs-container .hugs-num{
					font-size: 100px;
					font-family: 'Share Tech Mono';
					letter-spacing: 15px;
					text-shadow: 0px 0px 0px black;
					background-color: white;
					padding-top: 30px;
					padding-bottom: 30px;
					padding-left: 15px;
					border-radius: 3px;
					-webkit-border-radius: 3px;
					color: #272727;
				
				}
				
			.hugs-link{
				background-color: white;
				width: 60%;
				font-family: 'lora';
				font-size: 16px;
				padding: 10px;
				font-weight: bold;
				margin-top: 30px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				transition:.5s;
				color: black;
			}
				.hugs-link a{
					color: #000;
					-o-transition:.5s;
					-ms-transition:.5s;
					-moz-transition:.5s;
					-webkit-transition:.5s;
					transition:.5s;
				}
				
					.hugs-link:hover{
						background-color: black;
						color: white;
					}
					
					.hugs-link a:hover{
						color: white;
					}
				
				
			.morebox{
				height: 40px;
				width: 60px;
				clear: both;
				border-radius: 30px;
				-webkit-border-radius: 30px;
				background-color: white;
				margin-bottom: 22px;
				padding-top: 10px;
				margin-top: 30px;
				padding-bottom: 10px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				  /* ...and now for the proper property */
				transition:.5s;
				-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 1s; /* Firefox < 16 */
		        -ms-animation: fadein 1s; /* Internet Explorer */
		         -o-animation: fadein 1s; /* Opera < 12.1 */
		            animation: fadein 1s;
			}
			
				.morebox:hover{
					background-color: #000000;
				}
				
			.news-item-image{
				width: 100%;
				height: 110px;
				float: left;
				margin-left: 0%;
				margin-bottom: 20px;
			}
			
			.news-item-container{
				width: 98%;
				height: 70px;
				background-color: rgba(0,0,0,0.46);
				float: left;
				margin-bottom: 10px;
				color: #ffffff;
				text-shadow: 0px 0px 5px black;
				-webkit-text-shadow: 0px 0px 5px black;
				padding: 20px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				  /* ...and now for the proper property */
				transition:.5s;
				-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 1s; /* Firefox < 16 */
		        -ms-animation: fadein 1s; /* Internet Explorer */
		         -o-animation: fadein 1s; /* Opera < 12.1 */
		            animation: fadein 1s;
			}
			
				.news-item-container:hover{
					background-color: rgba(0,0,0,0.0);
				}
				
				.news-item-container:hover .news-item-topic{
					color: #ffffff;
					text-shadow: 0px 0px 5px black;
					-webkit-text-shadow: 0px 0px 5px black;
				}
				
				.news-item-container:hover .news-item-content{
					color: #ffffff;
				}
			
				.news-item-topic{
					width: 100%;
					height: auto;
					font-family: 'Lato', sans-serif;
					font-weight: bold;
					font-size: 20px;
					text-align: left;
				}
				
				.news-item-content{
					width: 100%;
					height: auto;
					margin-top: 15px;
					font-family: 'Lora', serif;
					font-weight: lighter;
					font-size: 16px;
					text-align: left;
					text-align: 
				}
				
			a .news-next{
				clear: both;
				float: right;
				font-family: 'Lora', serif;
				font-weight: lighter;
				font-size: 14px;
				text-decoration: underline;
				color: black;
				-o-transition:.2s;
				-ms-transition:.2s;
				-moz-transition:.2s;
				-webkit-transition:.2s;
				  /* ...and now for the proper property */
				transition:.2s;
			}
			
				a .news-next:hover{
					color: white;
				}
				
			.links{
				display: none;
			}
				
			
			.menu-links label{
				font-family: 'Lora', serif;
				font-weight: bold;
				font-size: 19px;
				color: white;
				  /* ...and now for the proper property */
				transition:.5s;
				text-decoration: none;
				text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
				-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
				display: block;
				padding-left: 10px;
				padding-right: 10px;
				padding-top: 7px;
				padding-bottom: 7px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				
			}
			
				.menu-links{
					text-decoration: none;
				}
			
				.menu-links label:hover{
					/* color: rgba(245,206,245,1); */
					color: black;
					background-color: #ffffff;
					text-shadow: none;
					-webkit-text-shadow:none;
				}
		
		
			
				.social-container{
					width: 33%;
					height: auto;
					background-color: none;
					float: left;
					padding: 0px;
				}
				
					.social-logo{
						height: 40px;
						width: 40px;
						margin-bottom: 0px;
						padding: 15px;
						background-color: white;
					}
					
						.social-container h1{
							font-size: 14px;
							font-family: 'Lora', serif;
							font-weight: bold;
							margin-top: 20px;
							margin-bottom: 22px;
						}
					
						#fb{
							background-image: url('https://images.staticjw.com/pic/3545/fb.png');
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 40px;
						}
						
						#tw{
							background-image: url('https://images.staticjw.com/pic/7171/tw.png');
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 40px;
						}
						
						#in{
							background-image: url('https://images.staticjw.com/pic/5047/in.png');
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 40px;
						}
					
					.social-content{
						display: none;
					}
				
				.top-info{
					height: 30px;
				}
				
					.fb-like{
						float: left;
					}
					
					.twitter-tweet{
						margin-top: 3px;
						float: left;
						margin-left: 10px;
					}
					
					.date-info{
						font-size: 12px;
						font-family: 'Lato', sans-serif;
						color: rgba(0,0,0,0.32);
						font-weight: normal;
						margin-top: 3px;
					}	
					
				.news-viewer{
					width: 95%;
					height: auto;
					overflow: hidden;
				}
				
					.news-viewer-content{
						font-family: 'Lora', serif;
						font-weight: lighter;
						font-size: 19px;
						color: black;
						text-align: left;
						width: 100%;
						margin-top: 30px;
						margin-bottom: 30px;
						word-break: break-word;
					}
					
					.news-viewer-content h1{
						font-size: 30px;
						font-weight: bold;
						margin-bottom: 10px;
						margin-top: 10px;
						font-family: 'Lato', sans-serif;
					}
					
					.news-viewer-content h2{
						font-size: 22px;
						font-weight: bold;
						margin-bottom: 10px;
						font-family: 'Lato', sans-serif;
					}
					
					.news-viewer-content h3{
						font-size: 22px;
						font-weight: bold;
						margin-bottom: 5px;
						margin-top: 10px;
						font-family: 'Lato', sans-serif;
					}
					
					.news-viewer-content p{
						margin-bottom: 20px;
					}
					
					.news-viewer-content b{
						font-weight: bold;
					}
					
					.news-viewer-content i{
						font-style: italic;
					}
					
					.news-viewer-content a{
						color: #3b3b3b;
						text-decoration: underline;
						padding-left: 5px;
						padding-right: 5px;
					}
					
						.news-viewer-content a img:hover{
							opacity: 0.7;
							background-color: white;
							padding: 5px;
						}
						
						.news-viewer-content a:hover{
							color: #000000;
							background-color: white;
							border-radius: 5px;
						}
						
						
					.news-viewer-content ul{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
						list-style-type: circle;
					}
					
					.news-viewer-content ol{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
					}
					
					.news-viewer-content img{
						border-radius: 3px;
						max-width: 100%;
						margin-top: 5px;
						margin-bottom: 5px;
					}
					
					.news-viewer-content hr{
						border-top: 4px solid rgba(255,255,255,1);
						border-top: 4px solid rgba(255,255,255,1);
						border-right: 0px;
						border-left: 0px;
						width: 100%;
						margin-top: 20px;
						margin-bottom: 20px;
					}
					
				.page-viewer{
					width: 95%;
					height: auto;
					overflow: hidden;
				}
					
					.page-viewer-menu{
						width: 100%;
						height: auto;
						float: right;
						margin-top: 85px;
						margin-bottom: 30px;
						padding-left: 15px;
						padding-bottom: 30px;
						font-family: 'Lora', serif;
						color: black;
						text-align: left;
						background-color: rgba(243,243,243,1);
					}
					
						.page-viewer-menu h1{
							width: 95%;
							float: right;
							margin-top: 30px;
							margin-bottom: 10px;
							padding-left: 25px;
							font-size: 25px;
							font-weight: bold;
						}
						
						.page-viewer-menu .page-viewer-menu-item{
							width: 100%;
							float: right;
							margin-top: 1px;
							margin-bottom: 1px;
							height: auto;
							font-size: 19px;
							color: #000;
							padding-top: 13px;
							padding-bottom: 13px;
							text-decoration: underline;
							word-break: break-all;
						}


						.page-viewer-menu .page-viewer-menu-item label{
							margin-left: 30px;
						}						
							.page-viewer-menu .page-viewer-menu-item:hover{
								color: #000;
								background-color:rgba(135,204,204,1);
								text-decoration: none;
								-o-transition:.2s;
								-ms-transition:.2s;
								-moz-transition:.2s;
								-webkit-transition:.2s;
								  /* ...and now for the proper property */
								transition:.2s;
							}
				
					.no-category{
						width: 100%;
					}
					
					.category-exists{
						width: 100%;
					}
				
					.page-viewer-content{
						font-family: 'Lora', serif;
						font-weight: lighter;
						font-size: 19px;
						color: black;
						text-align: left;
						float: left;
						width: 100%;
						margin-top: 30px;
						margin-bottom: 30px;
						padding-right: 30px;
						word-break: break-word;
					}
					
					.page-viewer-content h1{
						font-size: 30px;
						font-weight: bold;
						margin-bottom: 20px;
						margin-top: 0px;
						font-family: 'Lato', sans-serif;
					}
					
					.page-viewer-content h2{
						font-size: 22px;
						font-weight: bold;
						margin-bottom: 10px;
						font-family: 'Lato', sans-serif;
					}
					
					.page-viewer-content h3{
						font-size: 20px;
						font-weight: bold;
						margin-bottom: 5px;
						font-family: 'Lato', sans-serif;
					}
					
					.page-viewer-content b{
						font-weight: bold;
					}
					
					.page-viewer-content i{
						font-style: italic;
					}
					
					.page-viewer-content a{
						color: #3b3b3b;
						text-decoration: underline;
						padding-left: 1px;
						padding-right: 1px;
					}
					
						.page-viewer-content a:hover{
							color: #000000;
							background-color: rgba(135,204,198,1);
							border-radius: 5px;
						}
						
					.page-viewer-content ul{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
						list-style-type: circle;
					}
					
					.page-viewer-content ol{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
					}
					
					.page-viewer-content img{
						border-radius: 3px;
						max-width: 100%;
						margin-top: 5px;
						margin-bottom: 5px;
					}
					.page-viewer-content hr{
						border-top: 3px solid rgba(135,204,198,1);
						border-bottom: 3px solid rgba(135,204,198,1);
						border-right: 0px;
						border-left: 0px;
						width: 100%;
						margin-top: 20px;
						margin-bottom: 20px;
					}
					
			
			
				.footer{
					background-image: url('https://images.staticjw.com/pic/3681/webb-picknick-grass.png');
					background-size: 400px;
					background-repeat: repeat-x;
					background-position: bottom;
				}
				
				.footer-content{
					color: #989898;
					font-size: 12px;
				}
				
					.footer-content a{
						color: rgba(135,204,204,1);
						font-size: 12px;
					}
				
					.footer-logo{
						height: 80px;
						width: 200px;
						background-image: url('https://images.staticjw.com/pic/2739/webb-picknick-gray2.png');
						background-size: 120px;
						background-position: center center;
						background-repeat: no-repeat;
					}
					
					.login{
						height: 20px;
						width: 20px;
						background-image: url('https://images.staticjw.com/pic/9100/webb-picknick-login.png');
						background-size: 20px;
						background-position: center center;
						background-repeat: no-repeat;
						border-radius: 7px;
						margin-top: 10px;
					}



				.four-four-image{
					height: 260px;
					width: 100%;
					background-image: url('https://images.staticjw.com/pic/9995/webb-picknick-404.png');
					background-size: 220px;
					background-repeat: no-repeat;
					background-position: center top;
				}
				
					.four-four-text h1{
						font-size: 30px;
						margin-top: 30px;
						margin-bottom: 20px;
					}
					
}

@media all and (max-width: 605px) and (min-width: 0px){

.slow-fade{
			-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 1s; /* Firefox < 16 */
		        -ms-animation: fadein 1s; /* Internet Explorer */
		         -o-animation: fadein 1s; /* Opera < 12.1 */
		            animation: fadein 1s;
		}
		
		.normal-fade{
			-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 0.5s; /* Firefox < 16 */
		        -ms-animation: fadein 0.5s; /* Internet Explorer */
		         -o-animation: fadein 0.5s; /* Opera < 12.1 */
		            animation: fadein 0.5s;
		}
		
		.fast-fade{
			-webkit-animation: fadein 0.2s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 0.2s; /* Firefox < 16 */
		        -ms-animation: fadein 0.2s; /* Internet Explorer */
		         -o-animation: fadein 0.2s; /* Opera < 12.1 */
		            animation: fadein 0.2s;
		}

	.bg{
		position: fixed;
		width: 100%;
		height: 300%;
		top:0;
		left:0;
		z-index: -1;
	}
	
	
	.top-gradient{
		background-image: url('https://images.staticjw.com/pic/1359/webb-picknick-stripes.png');
		background-size: 5% 5px;
		background-repeat: repeat-x;
		background-position:;
		font-family: 'Lora', serif;
		height: 5px;
		width: 100%;
	}



	.header-main{
		width: 100%;
		height: 130px;
		background: rgba(255,255,255,0.90);
		background-image: url('https://images.staticjw.com/pic/3681/webb-picknick-grass.png');
		background-size: 000px;
		background-repeat: repeat-x;
		background-position:bottom;
		font-family: 'Lora', serif;
		border-bottom: 5px solid rgba(135,204,198,1);
	}
	
		.header-container{
			width: 100%;
			height: 100%;
		}
		
			.header-one{
				width: 25%;
				height: 100%;
				float: left;
				display: none;
			}
			
				.header-one p{
					margin-top: 53px;
					font-size: 16px;
					font-weight: bold;
					color: #9e9e9e;
					display: none;
				}
			
			.header-two{
				width: 50%;
				height: 80px;
				background-image: url('https://images.staticjw.com/pic/5661/webb-picknick-gray.png');
				background-repeat: no-repeat;
				background-size: 130px;
				background-position: center top;
			}
			
			.header-three{
				width: 25%;
				height: 100%;
				float: left;
				display: none;
			}
			
				.header-three p{
					margin-top: 63px;
					font-size: 16px;
					font-weight: bold;
					color: #9e9e9e;
					display: none;
				}
				
			.header-bottom{
				height: 40px;
			}
				.header-bottom p{
					font-size: 12px;
					color: #9e9e9e;
					font-family: 'Lato', sans-serif;
					font-weight: 400;
				}
				
			.dropdownwrap{
				display: none;
			}
			
			.dropdown{
				height: 40px;
				width: 40px;
				float: left;
				position: absolute;
				margin-left: 10px;
				background-image: url('https://images.staticjw.com/pic/3821/webb-picknick-menu.png');
				background-size: 70%;
				background-color: #fff;
				background-repeat: no-repeat;
				background-position: center center;
				border: 1px solid #cfcfcf;
				border-radius: 4px;
				-webkit-border-radius: 4px;
			}
		
		.main-container-extra-content{
			width: 100%;
		}
		
			a .main-container-extra-content h1, span .main-container-extra-content h1{
				font-size: 25px;
				margin-top: 10px;
				margin-bottom: 10px;
				padding-top: 10px;
				padding-bottom: 10px;
				width: 100%;
				background-color: rgba(245,206,218,1);
				color: black;
				text-decoration: none;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				transition:.5s;
				word-break: break-all;
			}
			
				a .main-container-extra-content h1:hover, span .main-container-extra-content h1:hover{
					background-color: rgba(0,0,0,1);
					color: white;
				}
			
			a{
				text-decoration: none;
			}	
	
	.main-container{
		width: 100%;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
		
		.turkos-bg{
			background-color: rgba(135,204,198,1);
			background-image: url('https://images.staticjw.com/pic/2912/webb-picknick-post-bg.png');
			background-repeat: repeat-y;
			background-position: left;
			background-size: 200px;
			background-position-x: 10px;
		}
		
		.rosa-bg{
			background-color: rgba(245,206,218,1);
		}
		
		.orange-bg{
			background-color: rgba(245,188,91,1);
			background-image: url('https://images.staticjw.com/pic/2912/webb-picknick-post-bg.png');
			background-repeat: repeat-y;
			background-position: left;
			background-size: 200px;
			background-position-x: 10px;
		}
		
		.vit-bg{
			background-color: rgba(255,255,255,1);
		}
		
		.vitgray-bg{
			background-color: rgba(232,232,232,1);
		}
		
		.gray-bg{
			background-color: rgba(0,0,0,0.68);
		}
		
		.svart-bg{
			background-color: rgba(0,0,0,1);
		}
		
		.no-bg{
			background-color: rgba(31,33,74,0.15);
			color: #ffffff;
			text-shadow: 0px 0px 12px rgba(0,0,0,0.61);
			-webkit-text-shadow: 0px 0px 12px rgba(0,0,0,0.61)
		}
		
		.arch{
			margin-bottom: 0px;
			vertical-align: middle;
			font-size: 0px;
		}
		
			.arch img{
				margin-bottom: 0px;
				width: 100%;
				height: auto;
				vertical-align: middle;
				line-height: 1;
				font-size: 0px;
			}
		
		
			.main-container-content{
				width: 82%;
				height: auto;
				overflow: hidden;
				font-family: 'Lora', serif;
			}
			
				.main-container-content .picknick-info{
					font-family: 'Lato', sans-serif;
					font-weight: 300;
					font-size: 22px;
					width: 80%;
					line-height: 1.4;
				}
				
					.main-container-content .picknick-info b{
						font-weight: 700;
					}
					
				.main-container-content iframe{
					height: 300px;
					width: 100%;
				}

			
				.main-container-content h1{
					font-size: 27px;
					font-family: 'Lora', serif;
					font-weight: bold;
					margin-top: 20px;
					line-height: 1.2;
					margin-bottom: 20px;
				}
				
				.main-container-content h2{
					font-size: 25px;
					font-family: 'Lora', serif;
					font-weight: bold;
					margin-top: 0px;
					width: 100%;
					text-align: left;
					margin-bottom: 15px;
					margin-left: 0px;
				}
				
				.main-container-content .white{
						color: white;
					}
				
				.main-container-content h3{
					font-size: 30px;
					font-family: 'Lora', serif;
					font-weight: bold;
					margin-top: 20px;
					margin-bottom: 20px;
					color: white;
					text-shadow: 0px 0px 12px rgba(0,0,0,0.61);
					-webkit-text-shadow: 0px 0px 12px rgba(0,0,0,0.61);
					word-break: break-all;
				}
				
			.hugs-container{
				width: 90%;
				height: auto;
				margin-top: 40px;
				margin-bottom: 50px;
				box-shadow: 0px 0px 8px rgba(0,0,0,1);
				background-color: white;
				border-radius: 3px;
				-webkit-border-radius: 3px;
			}
			
				.hugs-container .hugs-num{
					font-size: 70px;
					font-family: 'Share Tech Mono';
					letter-spacing: 15px;
					text-shadow: 0px 0px 0px black;
					padding-top: 30px;
					padding-bottom: 30px;
					padding-left: 15px;
					border-radius: 0px;
					color: #272727;
				
				}
				
				
			.hugs-link{
				background-color: white;
				width: 80%;
				font-family: 'lora';
				font-size: 16px;
				padding: 10px;
				font-weight: bold;
				margin-top: 30px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				transition:.5s;
				color: black;
			}
				.hugs-link a{
					color: #000;
					-o-transition:.5s;
					-ms-transition:.5s;
					-moz-transition:.5s;
					-webkit-transition:.5s;
					transition:.5s;
				}
				
					.hugs-link:hover{
						background-color: black;
						color: white;
					}
					
					.hugs-link a:hover{
						color: white;
					}
				
				
			.morebox{
				height: 40px;
				width: 60px;
				clear: both;
				border-radius: 30px;
				-webkit-border-radius: 30px;
				background-color: white;
				margin-bottom: 22px;
				padding-top: 10px;
				margin-top: 30px;
				padding-bottom: 10px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				  /* ...and now for the proper property */
				transition:.5s;
				-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 1s; /* Firefox < 16 */
		        -ms-animation: fadein 1s; /* Internet Explorer */
		         -o-animation: fadein 1s; /* Opera < 12.1 */
		            animation: fadein 1s;
			}
			
				.morebox:hover{
					background-color: #000000;
				}
				
			.news-item-image{
				width: 100%;
				height: 140px;
				float: left;
				margin-left: 0%;
				margin-bottom: 20px;
			}
			
			.news-item-container{
				width: 98%;
				height: 100px;
				background-color: rgba(0,0,0,0.46);
				float: left;
				margin-bottom: 10px;
				color: #ffffff;
				text-shadow: 0px 0px 5px black;
				-webkit-text-shadow: 0px 0px 5px black;
				padding: 20px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				  /* ...and now for the proper property */
				transition:.5s;
				-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 1s; /* Firefox < 16 */
		        -ms-animation: fadein 1s; /* Internet Explorer */
		         -o-animation: fadein 1s; /* Opera < 12.1 */
		            animation: fadein 1s;
			}
			
				.news-item-container:hover{
					background-color: rgba(0,0,0,0.0);
				}
				
				.news-item-container:hover .news-item-topic{
					color: #ffffff;
					text-shadow: 0px 0px 5px black;
					-webkit-text-shadow: 0px 0px 5px black;
				}
				
				.news-item-container:hover .news-item-content{
					color: #ffffff;
				}
			
				.news-item-topic{
					width: 90%;
					height: auto;
					font-family: 'Lato', sans-serif;
					font-weight: bold;
					font-size: 20px;
					text-align: left;
					float: left;
				}
				
				.news-item-content{
					width: 90%;
					height: auto;
					margin-top: 15px;
					font-family: 'Lora', serif;
					font-weight: lighter;
					font-size: 16px;
					text-align: left;
					float: left;
				}
				
			a .news-next{
				clear: both;
				float: right;
				font-family: 'Lora', serif;
				font-weight: lighter;
				font-size: 14px;
				text-decoration: underline;
				color: black;
				-o-transition:.2s;
				-ms-transition:.2s;
				-moz-transition:.2s;
				-webkit-transition:.2s;
				  /* ...and now for the proper property */
				transition:.2s;
			}
			
				a .news-next:hover{
					color: white;
				}
				
			.links{
				display: none;
			}
			
			.menu-links label{
				font-family: 'Lora', serif;
				font-weight: bold;
				font-size: 19px;
				color: white;
				  /* ...and now for the proper property */
				transition:.5s;
				text-decoration: none;
				text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
				-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
				display: block;
				padding-left: 10px;
				padding-right: 10px;
				padding-top: 7px;
				padding-bottom: 7px;
				-o-transition:.5s;
				-ms-transition:.5s;
				-moz-transition:.5s;
				-webkit-transition:.5s;
				
			}
			
				.menu-links{
					text-decoration: none;
				}
			
				.menu-links label:hover{
					/* color: rgba(245,206,245,1); */
					color: black;
					background-color: #ffffff;
					text-shadow: none;
					-webkit-text-shadow:none;
				}
		
			
				.social-container{
					width: 90%;
					height: auto;
					padding: 0px;
				}
				
					.social-logo{
						height: 40px;
						width: 40px;
						margin-bottom: 0px;
						padding: 15px;
						background-color: white;
					}
					
						.social-container h1{
							font-size: 14px;
							font-family: 'Lora', serif;
							font-weight: bold;
							margin-top: 10px;
							margin-bottom: 15px;
						}
					
						#fb{
							background-image: url('https://images.staticjw.com/pic/3545/fb.png');
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 40px;
						}
						
						#tw{
							background-image: url('https://images.staticjw.com/pic/7171/tw.png');
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 40px;
						}
						
						#in{
							background-image: url('https://images.staticjw.com/pic/5047/in.png');
							background-repeat: no-repeat;
							background-position: center center;
							background-size: 40px;
						}
					
					.social-content{
						display: none;
					}
					
				.top-info{
					height: 40px;
					width: 100%;
				}
				
					.fb-like{
						float: left;
					}
					
					.twitter-tweet{
						margin-top: 3px;
						float: left;
						margin-left: 10px;
					}
					
					.date-info{
						font-size: 12px;
						font-family: 'Lato', sans-serif;
						color: rgba(0,0,0,0.32);
						font-weight: normal;
						margin-top: 3px;
						float: left;
						width: 100%;
					}
					
				.news-viewer{
					width: 95%;
					height: auto;
					overflow: hidden;
				}
				
					.news-viewer-content{
						font-family: 'Lora', serif;
						font-weight: lighter;
						font-size: 19px;
						color: black;
						text-align: left;
						width: 80%;
						margin-top: 30px;
						margin-bottom: 30px;
						word-break: break-word;
					}
					
					.news-viewer-content h1{
						font-size: 30px;
						font-weight: bold;
						margin-bottom: 10px;
						margin-top: 10px;
						font-family: 'Lato', serif;
					}
					
					.news-viewer-content h2{
						font-size: 22px;
						font-weight: bold;
						margin-bottom: 10px;
						font-family: 'Lato', serif;
					}
					
					.news-viewer-content h3{
						font-size: 22px;
						font-weight: bold;
						margin-bottom: 5px;
						margin-top: 10px;
						font-family: 'Lato', serif;
					}
					
					.news-viewer-content p{
						margin-bottom: 20px;
					}
					
					.news-viewer-content b{
						font-weight: bold;
					}
					
					.news-viewer-content i{
						font-style: italic;
					}
					
					.news-viewer-content a{
						color: #3b3b3b;
						text-decoration: underline;
						padding-left: 5px;
						padding-right: 5px;
					}
					
						.news-viewer-content a img:hover{
							opacity: 0.7;
							background-color: white;
							padding: 5px;
						}
						
						.news-viewer-content a:hover{
							color: #000000;
							background-color: white;
							border-radius: 5px;
						}
						
						
					.news-viewer-content ul{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
						list-style-type: circle;
					}
					
					.news-viewer-content ol{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
					}
					
					.news-viewer-content img{
						border-radius: 3px;
						max-width: 100%;
						margin-top: 5px;
						margin-bottom: 5px;
					}
					
					.news-viewer-content hr{
						border-top: 4px solid rgba(255,255,255,1);
						border-top: 4px solid rgba(255,255,255,1);
						border-right: 0px;
						border-left: 0px;
						width: 100%;
						margin-top: 20px;
						margin-bottom: 20px;
					}
					
				.page-viewer{
					width: 85%;
					height: auto;
					overflow: hidden;
				}
					
					.page-viewer-menu{
						width: 100%;
						height: auto;
						float: right;
						margin-top: 85px;
						margin-bottom: 30px;
						padding-left: 15px;
						padding-bottom: 30px;
						font-family: 'Lora', serif;
						color: black;
						text-align: left;
						background-color: rgba(243,243,243,1);
					}
					
						.page-viewer-menu h1{
							width: 95%;
							float: right;
							margin-top: 30px;
							margin-bottom: 10px;
							padding-left: 25px;
							font-size: 25px;
							font-weight: bold;
						}
						
						.page-viewer-menu .page-viewer-menu-item{
							width: 100%;
							float: right;
							margin-top: 1px;
							margin-bottom: 1px;
							height: auto;
							font-size: 19px;
							color: #000;
							padding-top: 13px;
							padding-bottom: 13px;
							text-decoration: underline;
							word-break: break-all;
						}


						.page-viewer-menu .page-viewer-menu-item label{
							margin-left: 30px;
						}						
							.page-viewer-menu .page-viewer-menu-item:hover{
								color: #000;
								background-color:rgba(135,204,204,1);
								text-decoration: none;
								-o-transition:.2s;
								-ms-transition:.2s;
								-moz-transition:.2s;
								-webkit-transition:.2s;
								  /* ...and now for the proper property */
								transition:.2s;
							}
				
					.no-category{
						width: 100%;
					}
					
					.category-exists{
						width: 100%;
					}
					
					.page-viewer-content{
						font-family: 'Lora', serif;
						font-weight: lighter;
						font-size: 19px;
						color: black;
						text-align: left;
						float: left;
						width: 100%;
						margin-top: 30px;
						margin-bottom: 30px;
						padding-right: 30px;
						word-break: break-word;
					}
					
					.page-viewer-content h1{
						font-size: 30px;
						font-weight: bold;
						margin-bottom: 20px;
						margin-top: 0px;
						font-family: 'Lato', sans-serif;
					}
					
					.page-viewer-content h2{
						font-size: 22px;
						font-weight: bold;
						margin-bottom: 10px;
						font-family: 'Lato', sans-serif;
					}
					
					.page-viewer-content h3{
						font-size: 20px;
						font-weight: bold;
						margin-bottom: 5px;
						font-family: 'Lato', sans-serif;
					}
					
					.page-viewer-content b{
						font-weight: bold;
					}
					
					.page-viewer-content i{
						font-style: italic;
					}
					
					.page-viewer-content a{
						color: #3b3b3b;
						text-decoration: underline;
						padding-left: 1px;
						padding-right: 1px;
					}
					
						.page-viewer-content a:hover{
							color: #000000;
							background-color: rgba(135,204,198,1);
							border-radius: 5px;
						}
						
					.page-viewer-content ul{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
						list-style-type: circle;
					}
					
					.page-viewer-content ol{
						margin-left: 50px;
						margin-top: 8px;
						margin-bottom: 8px;
					}
					
					.page-viewer-content img{
						border-radius: 3px;
						max-width: 100%;
						margin-top: 5px;
						margin-bottom: 5px;
					}
					
					.page-viewer-content hr{
						border-top: 3px solid rgba(135,204,198,1);
						border-bottom: 3px solid rgba(135,204,198,1);
						border-right: 0px;
						border-left: 0px;
						width: 100%;
						margin-top: 20px;
						margin-bottom: 20px;
					}
			
			
				.footer{
					background-image: url('https://images.staticjw.com/pic/3681/webb-picknick-grass.png');
					background-size: 400px;
					background-repeat: repeat-x;
					background-position: bottom;
				}
				
				.footer-content{
					color: #989898;
					font-size: 12px;
				}
				
					.footer-content a{
						color: rgba(135,204,204,1);
						font-size: 12px;
					}
				
					.footer-logo{
						height: 80px;
						width: 200px;
						background-image: url('https://images.staticjw.com/pic/2739/webb-picknick-gray2.png');
						background-size: 120px;
						background-position: center center;
						background-repeat: no-repeat;
					}
					
					.login{
						height: 20px;
						width: 20px;
						background-image: url('https://images.staticjw.com/pic/9100/webb-picknick-login.png');
						background-size: 20px;
						background-position: center center;
						background-repeat: no-repeat;
						border-radius: 7px;
						margin-top: 10px;
					}



				.four-four-image{
					height: 160px;
					width: 100%;
					background-image: url('https://images.staticjw.com/pic/9995/webb-picknick-404.png');
					background-size: 180px;
					background-repeat: no-repeat;
					background-position: center top;
				}
				
					.four-four-text h1{
						font-size: 30px;
						margin-top: 30px;
						margin-bottom: 20px;
					}
					
}
 
/* ============ End of styles.css ============ */

/* ============ Start of Inline Styles ============ */

.bg{
	background-image: url('https://images.staticjw.com/pic/8272/picknickfestivalen_9302851422.jpg');
}
.wrapper-other{min-height: 450px;}
/* ============ End of Inline Styles ============ */