@media(min-width: 768px){
		html{
 	 font-family: Arial, sans-serif;
  	font-size: 0.938em;
	 }
	 h1,h2,.h1,.h2{
    font-size: 1.667em;
    line-height: 1.1em;
	 }
	 h3{
	  	font-size: 1.200em;
    margin: 0 0 14px;
    line-height: 1.3em;	  	
	 }
		.big-font{
		  font-size: 3.333em;
  		line-height: 1.0em;		  
		}
		.small-font{
  		font-size: 0.823em;
  		line-height: 1.4em;
		}		
		#top-header{
				margin: 10px 0 0px;
		}
		#responsive-container{
			display: none;
		}
	 header {margin: 0 0 10px 0;}
	 .emergency-contact{	
  		position: absolute;
	   width: 460px;
	   height: 200px;
				top: -250px; 
				left: 20px;
				margin:0;
    padding: 30px 30px;	 
  }
  .emergency-headline{
  		margin:0 0 24px;
  }
	 header .banner {height: 400px;}
		.meo-logo{
			 position: static;
				margin-left:0;
		}
		.viessmann-logo{
    margin:0;
    position: absolute;
    top: 0;
    right: 0;
    left: 20px;
    right: 20px;
		}
		.col-4{width: 25%;}
		.col-4:nth-child(2n+1){clear: none}
 	.col-4:nth-child(4n+1){clear: left;}
		#responsive-menu{display: none;}
		#canvascontainer.movePage{
				position: static;
				left: 0%; 
		}
		#nav-header-container{
				position: static;
    width: 100%;
    padding: 0 10px;
		}
		nav{		
    background-image: url(../img/nav_background.png);
    background-repeat: repeat-x;
    background-size: auto;
    padding: 0 0 0 80px;
    height: 30px;	
 	}
		nav li{
   	display: inline-block; 
  		border-left: 10px solid #fff;
  }
  nav li:nth-last-child(1){
   	border-right: 10px solid #fff;
  }
		nav a{
 		 display: block;
		  height: 30px;
		  padding: 6px 20px 0 18px;
 		 background-repeat: repeat-x;
		  font-weight: bold;
		}
		#end-footer{
			padding: 30px 0 0;
		}
}