@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1100px){

#contend{
	width:80%;
	margin: 0px 10%;
}

#blur{
	display:none;
}

#main{
	margin-top:25px;
}

#menu{
	position:fixed;
	top:-25px;
	width:80%;
	left:-80%;
	overflow-y:visible;
	background-color:#333;
	padding:0;
	top:0px;
	bottom:0px;
	border:none;
}

#menuBlur{
	display:none;
}

.menubutton{
	color:#FFF;
	text-decoration:none;
	font-size:18px;
	float:left;
	width:calc(100% - 40px);
}

#funk_design_logo{
	width:100%;
	text-align:center;
}

#funk_design_logo img{
	margin:20px auto !important;
	height:60px !important;
}

#menuicon{
	display:block;
	font-size:24px;
	color:#333;
	width: 100%;
	text-align: center;
	margin-top: 25px;
	cursor:pointer;
}

#menuclose{
	position:fixed;
	display:block;
	float:right;
	font-size:24px;
	color:#333;
	top:0px;
	right:-20%;
	bottom:0px;
	cursor:pointer;
	padding:25px;
	width:calc(20% - 50px);
	background-color:rgba(0,0,0,0.20);
}

.posted{
	width:calc(50% - 25px);
}

.post-bilder{
	width:90%;
	margin: 25px 5%;
}

.platzmacher{
	display:none;
}

.post-header{
	width: 90%;
	padding: 0px 5%;
}

.post-header-text{
	width: calc(100% - 50px);
	padding: 100% 25px 25px 25px;
}

.post-contend{
	width: 90%;
	padding: 25px 5%;
	margin: 0px;
}

}


@media only screen and (max-width:600px){

#contend{
	width:95%;
	margin: 0px 2.5%;
}

}
