@media(min-width:768px){

	/*Base
	---------------------------------------------------------*/
	html{
		font-size:0.938em;
 	 	line-height:1.3em;
  }

	 /*Fonts
	---------------------------------------------------------*/
	.h1,h1{
	  font-size: 2.667em;
	  line-height: 1em;
  }
	.h2,h2{
	  font-size: 2.333em;
	  line-height: 1.2em;
  }
	.h3,h3{
	  font-size: 1.667em;
	 	line-height: 1.2em;
  }
		#meta-navigation a,
		footer #footer-nav a{
	  font-size: 0.867em;
	  line-height: 1.2em;
 	}
	#main-navigation a{
	  font-size: 1em;
	  line-height: 1.3em;
 	}
	.btn{
	  font-size: 1em;
	  line-height: 1.3em;
 	}
	footer p{
	  font-size: 1em;
	  line-height: 1.3em;
 	}

	/*Layout
	---------------------------------------------------------*/
	.col-2:nth-child(4n+1),
	.col-3:nth-child(2n+1),
	.col-4:nth-child(2n+1){
   	clear: none;
 	}
 	.col-2{width: 16.66%;}
	.col-3{width: 25%;}
	.col-4{width: 33.33%;}
 	.col-5{width: 41.66%;}
 	.col-7{width: 58.33%;}
	.col-8{width: 66.66%;}
	.col-9{width: 75%;}
	.col-10{width: 83.33%;}
	.col-2:nth-child(6n+1),
	.col-3:nth-child(4n+1),
	.col-4:nth-child(3n+1){
		clear: left;
	}
  .push-6{margin-left: 50%;}

	/*Navigation
	---------------------------------------------------------*/
	#meta-navigation{
		background: #fff;
	  min-height: 135px;
	}
	#meta-navigation ul{float: right;}
	#meta-navigation a{
		padding: 15px 10px;
	}
	#meta-navigation a,
	#meta-navigation i{
		color: #1a242e;
	}
	#main-navigation li{display: inline-block;}
	.flexbox #main-navigation ul{display: flex;}
	.flexbox #main-navigation li{flex: auto;}

	/*OffCanvas Layout
	--------------------------------------------------------*/
	#responsive-menu{display: none;}
	#canvascontainer.movePage{
		position: static;
		left: 0%;
	}
	#nav-header-container{
		position: static;
  	width: 100%;
	}

	/*Header
	---------------------------------------------------------*/
	.headerImage{height:250px;}
  .logo-container{padding-top:0;}
	.overlay-wrapper{padding: 204px 10px 0 10px;}
	#nav-header-container hr{
		display: none;
		margin:0;
	}
	#logo{
		margin-top:0;
		margin-left:0;
		top:25px;
		left:10px;
	}
  #logo img{width: 235px;}
	.circle-inner span.h2{
  	margin-bottom: 50px;
    line-height: 1.4em;
  }
  .slider-img{ padding: 4% 0;}
  .circle-multiline{min-width: 350px;}

	/*Content
	--------------------------------------------------------- */

	/*HomePage.ss*/
	.calendar-box{
	  width: 150px;
	  height: 150px;
	}
	#hexagon-wrapper{margin-left: 0;}
	.hexagon-col{
		width: 33.33%;
    padding-top: 38.63%;
 	}
  .hexagon-col:nth-child(3){
	  margin-top: initial;
	  margin-left:  initial;
	}
	.hexagon-col:nth-child(4),
	.hexagon-col:nth-child(5){
    margin-top: -10%;
    margin-bottom: 14px;
 	}
	.hexagon-col:nth-child(4){
	 	margin-left: 16.5%;
	}
	.circle{
    margin: 0 0 14px 0;
		text-align: right;
  }
	.circle img{
		max-width: 232px;
	}
  .contact-content{
		text-align: left;
    padding-right: 160px;
  }
 	#news-slider-container{margin-bottom: 50px;}
	#news-slider-container > .col-8{padding-right: 80px;}
	#news-slider-container .slick-slide {
		padding-top:70px;
	}
	/*PartnerPage.ss*/
	.partner-content{padding-left: 30px;}
	.partner-img{margin: 10px 0 14px;}

	/*Pi-Systems*/
	.pi-systems-line{
 		border-bottom: 1px solid;
    margin-bottom: 30px;
  }

  /*NewsOverviewPage*/
	.news-box{padding: 30px 0 15px;}
	a.btn-feeds{margin-top: 30px;}

		/*CustomerPage.ss*/
	.polygon-small{
	 	width: 170px;
	  height: 170px;
	}
	.polygon-small-icon{
	  width: 50px;
	  height: 50px;
	  margin-top: -25px;
	  margin-left: -25px;
	}
	.polygon-small-icon.animateIcon{
		width: 75px;
	  height: 75px;
	  margin-top:-37.5px;
	  margin-left:-37.5px;
	}
	#location-wrapper{padding: 36px 0 80px;}

 	/*ReferencePage.ss ,
 	CarrerPage.ss,
 	PartnerPage.ss*/
	.border-box{padding: 20px 10px 10px 10px;}

  /*ReferencePage.ss*/
 	.reference-description{margin-bottom: 40px;}

	 /*ContactPage.ss*/
	.contact-field-container{
	  padding:0;
	  margin-bottom: 50px;
	}
	.contact-field-wrapper{padding: 25px 0 11px;}
	#google-maps-wrapper{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#232931+52,232931+52,ffffff+53 */
		background: rgb(35,41,49); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(35,41,49,1) 52%, rgba(35,41,49,1) 52%, rgba(255,255,255,1) 53%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(35,41,49,1) 52%,rgba(35,41,49,1) 52%,rgba(255,255,255,1) 53%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(35,41,49,1) 52%,rgba(35,41,49,1) 52%,rgba(255,255,255,1) 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232931', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}
	.google_container{height: 350px;}
	#adress-box{padding: 20px;}

	/*Pi-Systems*/
	.pi-sytems-line{display: block;}
	.pi-systems-container{padding-bottom: 10px;}

	/*Formularfields
	CarrerPage.ss,
	ContactPage.ss*/
	.field.myformfield {
  margin-bottom: 15px;
	}
	.myformfield label,
	label.myformfield.readonly{
		width: 20%;
	}
	input.myformfield,
	.joblist select,
  textarea.myformfield,
	.checkbox.myformfield{
		width: 80%;
  }
  #Form_ContactForm_CheckboxField_Holder{
  	margin-left: 20%;
  }
  .salutation select{
  	width: 18%;
  }
 	input.myformfield,
 	.joblist select,
 	.salutation select{
 		height: 47px;
 	}
	#upload-file-btn, #upload-file{
 		top: 0;
		height: 47px;
		padding-top: 13px;
	}
	#upload-file{
		width: 59%;
		left: 20%;
	}
	#upload-file-btn{
    width: 20%;
    left: 80%;
 	}
 	.field.file{height:60px;}
 	input.action{
 		height: 47px;
    width: 20%;
 	}
	#Form_ApplicationForm input.action{margin-bottom: 0;}
  .Actions{text-align:right;}

	/*blog.ss*/
	#blog-container{padding: 20px 0 6px 0;}
	#blog-icon-wrapper{float: right;}
	.col-9-blog{width: 75%;}
	.error-file-validate{margin-left: 20%;}

	/*Images Float
	---------------------------------------------------------*/
	img.left{
		float: left;
		max-width: 50%;
		margin-right: 20px;
	}
	img.right{
		float: right;
		max-width: 50%;
		margin-left: 20px;
		margin-top: 10px;
	}
	img.center{
		margin: 0 auto;
		text-align: center;
		display: block;
	}

	/*Slider
	---------------------------------------------------------*/
	.slick-prev,
	.slick-next{
		width: 50px;
		height: 50px;
 		bottom: -10px;
	}
	.slick-prev:before,
	.slick-next:before{
		font-size: 40px;
		top: 23px;
	}
	.slick-next:before{left: 17px;}
	.slick-prev{right: 75px;}
	.slick-next{right: 10px;}

	#news-slider-container .slick-prev,
	#news-slider-container .slick-next{
	  top:35px;
	}


	 /*Extra Classes
	 ---------------------------------------------------------*/
	 .inner-distance-static{padding:50px 0 50px 0;}
	 .inner-distance-default{padding:50px 0 36px 0;}
	 .inner-distance-default.first{padding: 0 0 36px 0;}
	 .distance-bottom-none{padding-bottom:0;}
	 .margin-bottom-big{margin-bottom:36px;}
}