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

@media screen and (max-width:1700px)
{
	img.logo-large 
	{
		width:100%;
	}
}


@media screen and (max-width:1500px)
{
	img.logo-large 
	{
		width:125%;
	}
}






@media screen and (max-width:1025px)
{
	.ratingbox .w12
	{
		width:4%; 
	}
	
	.rating-item 
	{
		width:22%;
		min-height:230px;
	}
	
	.cookie-disclaimer 
	{
		height:100px;
	}

	#fullpage > div.section.fp-section.fp-table.active.fp-completely > div > div > div > div > div:nth-child(15) {
		display: none;
	}

	.grid-break
	{
		margin-left:2%;
	}


	/* Make Project Slides visible */ 
	.section 
	{
		width:100%; 
		height:auto;
		float:left; 
		overflow:visible;
		overflow-x:hidden;
	}

	.fp-slides {
		z-index: 1;
		height: auto;
		position: relative;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		width: 100%;
		float: left;
		overflow:visible;
		overflow-x:hidden;
	}

}



@media screen and (max-width:1000px)
{
	.service-item 
	{
		width:100%;
		margin-bottom:2%;
		min-height:0px!important;
		padding:20px;
	}
	
	.hideMid 
	{
		display:none;
	}
	
	.service-icon 
	{
		width:130px;
		float:left;
	}
	
	.service-item h2, .service-item h3 
	{
		width:calc(100% - 160px);
		margin-left:10px;
		float:left;
		text-align:left;
		margin-top:15px;
	}
	
	.service-item h3 
	{
		margin-top:0px;
	}
	
	.service-item p
	{
		text-align:left;
		margin-top:10px;
	}
	
	
	.w15 
	{
		width:32%; 
		margin-bottom:0px;
	}
	
	
	.form-box
	{
		width:100%;
		margin-left:0px;
	}
	
	 .wbox
	{
		width:96%;
		padding:2%;
		margin-left:0px;
	}
		
	.rating-item 
	{
		width:44%;
		margin-bottom:50px;
		min-height:200px;
	}
	
	.ratingbox
	{
		width:95%;
		margin-left:5%;
	}
	
	
	img.logo-large
	{
		width:150%;
		left:53%;
	}
	
	
	.w49 
	{
		width:100%;
	}

	.toggle
	{
		display:none;
	}

	.toggle-main
	{
		display:block; 
	}


	.fp-tableCell {
		width:100%;
		float:left;
		height:auto!important;
	}


	.fp-section:not(.section-start).fp-table, .fp-slide.fp-table {
		display:block;
		width:100%;
		float:left;
		height:auto!important;
		overflow:visible;
	}

	.padbox 
	{
		padding-top:0px; 
		padding-bottom:0px; 
	}

	h2 
	{
		margin-top: 100px;
		margin-bottom: 50px;
	}

	.service-item h2 
	{
		margin-top:20px;
		margin-bottom:0px;
	}

	.teaser h2
	{
		margin-top:0px;
		margin-bottom:0px; 
	}

	.mt2, .mt4
	{
		margin-top:0px!important; 
	}

	.w2 
	{
		height:1px; 
	}

	.w4 
	{
		width:2%; 
	}

	.w48 
	{
		width:49%; 
	}

	.mt10 
	{
		margin-top:0px; 
	}


	.reference 
	{
		margin-bottom:20px; 
	}


	.service-item:last-of-type
	{
		margin-bottom:100px; 
	}


	.wbox
	{
		margin-bottom:80px; 
	}


	.form-box
	{
		margin-top:0px; 
	}

	#send-button
	{
		margin-bottom:100px; 
	}

	.section-footer
	{
		padding-bottom:100px; 
	}

	.lastref 
	{
		margin-bottom:100px; 
	}

}


@media screen and (max-width:700px)
{
	.cookie-disclaimer
	{
		height:120px;
	}
	
	
	.cookie-disclaimer p 
	{
		width:100%; 
		text-align:center;
	}
	
	.cookie-disclaimer .button-white 
	{
		left:50%; 
		transform:translateX(-50%) translateY(-50%);
		padding:10px;
		top:75%;
		margin-left:0px;
	}


	.w15 
	{
		width:100%; 
		margin-bottom:0px;
	}
	
	
}



@media screen and (max-width:620px)
{
	.cookie-disclaimer
	{
		height:140px;
	}

	.rating-item
	{
		width:100%; 
		min-height:unset; 
	}


	.ratingbox 
	{
		width:100%; 
		margin-left:0px; 
	}


	.ratingbox p {
		font-size: 1.5em;
	}

	.grid-break 
	{
		margin-left:0px; 
	}


	.stars 
	{
		margin:0 auto; 
		display:table;
		width:auto; 
		float:unset; 
	}


	.rating-item h4, .rating-item h5, .rating-item p
	{
		text-align:center;
	}
	.rating-item h5 
	{
		margin-bottom:10px; 
	}

	
}


@media all and (max-width:500px)
{
	
	.fp-tableCell
	{
		vertical-align:bottom;
	}

	.section-footer .fp-tableCell, .section-start .fp-tableCell
	{
		vertical-align:middle!important;
	}
	
	
	.subtext-container
	{
		width:80%;
		margin-left:10%;
	}
	
	.teaser
	{
	  width:100%; 
	  left:0px; 
	  bottom:14%;
	}
	
	
	body 
	{
		font-size:9px;
	}
	
	.menu-item 
	{
		font-size:2em;
	}
	
	
	.teaser h1, .teaser h2
	{
		text-align:center;
	}
	
	h2
	{
		font-size:3.5em;
	}
	
	h3
	{
		font-size:2.8em;
	}
	
	.service-icon
	{
		width:100px;
		margin-bottom:0px;
	}
	
	.service-item p
	{
		margin-top:0px;
	}
	
	.service-item 
	{
		padding:2%;
	}
	

	
	.hideM
	{
		display:none;
	}
	
	

	
	#menu 
	{
		width:50%;
	}
	
	.toggle
	{
		width:40px;
	}
	
	.toggle-close
	{
		width:30px;
	}
	
	img.scroll-down
	{
		width:40px;
	}
	
	.wbox .mt30, .wbox .mt20
	{
		margin-top:10px;
	}
	
	.servicebox .mt50
	{
		margin-top:20px;
	}
	
	
	.service-icon
	{
		width:70px;
	}
	
	.service-item 
	{
		padding:20px;
	}
	
	.service-item h2, .service-item h3
	{
		text-align:left!important;
		width:calc(100% - 100px);
		margin-top:0px;
	}
	
	.service-item .tcenter
	{
		text-align:left;
	}
	
	.service-item h2  
	{
		margin-top:0px;
	}
	
	
	.section-footer h2 
	{
		margin-bottom:30px;
	}
	
	
}


@media all and (max-width:400px)
{
	
	body 
	{
		font-size:8px;
	}
	
	.service-item .tcenter 
	{
		text-align:left;
	}
	
	.profile-img
	{
		width:150px;
	}
	

	
	
}




@media all and (max-width:350px)
{
	body 
	{
		font-size:7px;
	}
}