@media only screen{
	
	html, body{height:100%;}
	html{overflow-y: scroll;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; backface-visibility: visible}
	body{background: #fff;font-family: 'Roboto',Verdana, sans-serif;font-weight:300;	color:#383838;-webkit-font-smoothing:subpixel-antialiased;
	font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1800 - 300)));line-height:1.5;}

	
		#wrapper{height:auto;min-height:100% !important;}
	#container{padding-bottom:120px;}
    footer {height:145px; margin-top: -145px;}
	
	.logo{position:relative;height:80px;top:0;width:100%}
	.logo a{width:190px;height:60px;display:block;background-repeat:no-repeat;position:absolute;left:0;top:0}
	.logo a{background-image:url("../img/safety-plans.svg");background-size:cover}	
	.postcontent{line-height:30px;height:30px;font-size:70%;text-align:center;background:#C02222;color:#fff;width:100%}
	.postcontent p{margin:0}
	.flamme .image_container{width:150px;margin:0 auto -10px auto}

}
@media (max-width: 991px) {
	#navigation{margin:0}
    .flamme{margin:0 15px}
    .postcontent{width:calc(100% - 30px);margin:0 15px}
	#header{border-bottom:15px solid #b72826;height:80px;background:#fff;margin:5px 0 0}
	#main {padding:1em 0;background:#f0f0f0;margin:0}
    #wrapper{background:#f0f0f0;margin:0 15px}
	.logo{position:relative;float:left;width:100%}
	.flamme{background:#f0f0f0;}

}
@media (min-width: 992px) {
	body{font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1800 - 300)));
		line-height: calc(1.5em + (1.7 - 1.2) * ((100vw - 300px)/(1800 - 300)));background:#f0f0f0;}
	#container,#header .inside,#navigation .inside,.flamme{width:calc(100% - 80px);max-width:1280px;margin:0 auto}
	#header{width:100%;border-bottom:4px solid #444;height:130px;margin-bottom:5px;background:#FFF;}
	#navigation{display:block;overflow:auto;position:relative;width:100%;height:100px;background:#C02222;}
		#wrapper{height:auto;min-height:100% !important}
	#container{padding-bottom:120px;}
	#main .inside{margin-top:3em}
	footer {height:145px; margin-top: -145px;}
	.logo{float:left;top:20px;width:auto;margin-left:.2em}
	.logo,.logo a{width:250px;height:80px;}
	.logo a{background-image:url("../img/safety-plans.svg");background-size:cover}	
	
	
	.flamme .image_container{width:100px;float:right;margin-bottom:-10px}

}