@media screen and (max-width: 750px){
	.openHamburger{
		width: 50px;
	    height: 50px;
	    margin: 0;
	    left: 0;
	    top: 13px;
	    display: block;
		position: fixed;
		z-index: 999;
	    text-indent: -9999px;
	    float: right; 
	}
	.c-hamburger {
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 48px;
		height: 48px;
		font-size: 0;
		text-indent: -9999px;
		appearance: none;
		box-shadow: none;
		border-radius: none;
		border: none;
		cursor: pointer;
		transition: background 0.3s;
	}
	.c-hamburger:focus {
		outline: none;
	}
	.c-hamburger span {
		display: block;
		position: absolute;
		top: 22px;
		left: 9px;
		right: 9px;
		height: 4px;
		background: #BD081C;
	}
	.c-hamburger span::before, .c-hamburger span::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #BD081C;
		content: "";
	}
	.c-hamburger span::before {
		top: -10px;
	}
	.c-hamburger span::after {
		bottom: -10px;
	}
	.c-hamburger--htx {
		transition: left .6s;
	}
	.c-hamburger--htx span {
		transition: background 0s 0.3s;
	}
	.c-hamburger--htx span::before, .c-hamburger--htx span::after {
		transition-duration: 0.3s, 0.3s;
		transition-delay: 0.3s, 0s;
	}
	.c-hamburger--htx span::before {
		transition-property: top, transform;
	}
	.c-hamburger--htx span::after {
		transition-property: bottom, transform;
	}
	/* active state, i.e. menu open */
	
	.c-hamburger--htx.is-active span {
		background: none;
	}
	.c-hamburger--htx.is-active span::before {
		top: 0;
		transform: rotate(45deg);
	}
	.c-hamburger--htx.is-active span::after {
		bottom: 0;
		transform: rotate(-45deg);
	}
	.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after {
		transition-delay: 0s, 0.3s;
	}
	header div#top_menu div#logo{
		margin-left: 0;
		left: 0;
		position: fixed;
		padding-left: 75px;
		width: 100vw;
		z-index: 1;
		background-color: #FFF;
	}
	section div.page_top{

		background-image: url('/img/background_mobile.jpg');
		background-position: center bottom
	}
	section div.page_section{
		margin-top: 250px;
		padding: 0 5px;
	}
	header div#top_menu ul#top_nav{
		display: block;
		background-color: #FFF;
		margin: 0;
		position: fixed;
		width: 100vw;
		right: 0;
		top: -380px;
		transition: .5s;
		height: 440px;
		z-index: -2;
		-webkit-box-shadow: 1px 1px 16px -3px rgba(89,78,78,1);
		-moz-box-shadow: 1px 1px 16px -3px rgba(89,78,78,1);
		box-shadow: 1px 1px 16px -3px rgba(89,78,78,1);
	}
	header div#top_menu ul#top_nav li{
		display: block;
		width: calc(100% - 40px);
	}
	header div#top_menu ul#top_nav li.phone{
		border-left: none;
	}
	header div#top_menu ul#top_nav li.last{
		text-align: center;
	}
	header div#top_menu ul#top_nav li a{
		border-bottom: 1px solid #f6f6f6;
		height: 70px;
	}
	div#top_menu ul#top_nav.open{
		top: 70px;
	}
	section div.page_section h2{
		font-size: 34px;
		line-height: inherit;
	}
	section div.page_section_sec div.artikel div.text h3{
		font-size: 30px;	
		line-height: inherit;
	}
	section div.page_section_sec div.artikel{
		height: inherit;
		max-height: inherit;
	}
	section div.page_section_sec div.artikel div.left, section div.page_section_sec div.artikel div.right{
		display: block;
		width: 100%;
		height: inherit;
	}
	section div.page_section_sec div.artikel div.text{
		padding: 5%;
	}
	section div.page_top div.head_h1{
		width: 100%;
		padding: 80px 0 80px 5%;
		line-height: 55px;
		text-align: left;
	}
	section div.page_top div.head_h1 h1{
		font-size: 34px;
	}
	section div.page_section_sec div.artikel div.image{
		display: none;
	}
	div.mobile_img{
		display: block;
		height: 420px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	div.mobile_img.develop{
		margin-bottom: -40px;
		background-image: url('/img/mobile_develop.jpg');
	}
	div.mobile_img.whyus{
		background-image: url('/img/background_whyus.jpg');
	}
	div.mobile_img.allenov{
		background-image: url('/img/background_al_ov.jpg');
	}
	section div.page_section_sec div.discuss_project{
		height: inherit;
	}
	section div.page_section_sec div.discuss_project h3{
		font-size: 22px;
	}
	section div.page_section_sec div.discuss_project div.items{
		font-size: 18px;
		width: 80%;
	}
	section div.page_section_sec div.discuss_project div.items.call, section div.page_section_sec div.discuss_project div.items.chat{
		padding-right: 0;
		padding-left: 50px;
		text-align: left;
		background-size: 30px; 
		background-position: left center;
	}
	section div.page_section_sec div.discuss_project div.items.chat{
		margin-bottom: 50px;
	}
	section div.page_section_sec div.discuss_project div.items.vraag a{
		width: 100%;
	}
	
	section div.whatweoffer div.left_offer div.item_groot{
		margin-bottom: 60px;
	}
	section div.whatweoffer div.right_offer div.offer_options h3{
		font-size: 30px;
		margin: 30px 0;
	}
	section div.whatweoffer div.left_offer div.item_groot{
		width: 90%;
		margin-left: 5%;
	}
	section div.whatweoffer div.left_offer, section div.whatweoffer div.right_offer{
		height: inherit;
		width: 100%;
	}
	section div.whatweoffer div.right_offer div.offer_options{
		margin: 0;
		width: 100%;
	}
	section div.whatweoffer div.right_offer div.offer_options ul{
		width: 90%;
		display: block;
		margin-right: 0;
		margin-left: 5%;
	}
	section div.whatweoffer div.right_offer div.offer_options ul li{
		margin: 0 0 20px 0;
	}
	section div.trusted div#trusted_by h3{
		line-height: 15px;
	}
	section div.trusted div#trusted_by h3 span{
		font-size: 18px;
	}
	section div.trusted div#trusted_by img{
		width: 50px;
		margin-top: 3px;
	}
	section div.trusted div#trusted_by img:first-child{
		width: 40px;
		margin-top: 0;
	}
	section div.trusted div#trusted_by img:last-child{
		width: 50px;
		margin-top: 13px;
	}
	section div.trusted div#trusted_by img:nth-child(3){
		width: 65px;
		margin-top: 3px;
	}
	section div.page_top div.lets_build{
		height: 270px;
	}
	section div.page_top div.lets_build p{
		width: 100%;
	}
	section div.page_top div.lets_build p.select{
		width: 100%;
		margin-bottom: 15px;
	}
	section div.page_top div.lets_build form{
		padding: 0 5%;
	}
	section div.page_top div.lets_build form p.select select{
		text-align: center;
	}
	section div.page_top div.lets_build form input{
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;	
	}
	footer div.foot div.privacy, footer div.foot div.social{
		display: none;
	}
	div.contact_page div{
		width: 100%;
	}
	div.contact_page{
		padding: 20px 0;
	}
	div.contact_page div.left_cp table tr td input[type="submit"]{
		margin-bottom: 40px;
	}
	div.contact_page div.right_cp{
		background-color: #18191a;
		color: #666;
		padding: 20px 5% 10px 5%;
	}
	
	
	
	
	
	
}