@media screen and (max-width: 1100px){
	section div#discover, section div#blog_post, section div#our_service{
		padding: 0 10px;		
	}	
	section div#discover div.left, section div#discover div.right{
		width: 40%;
	}
	section div#discover div.right{
		height: auto;
		width: 59%;
	}
	section div#blog_post div.blog div.top{
		position: relative;
	}
	section div#blog_post div.blog{
		height: inherit;
		padding-top: 75px;
	}
	footer div.foot_top img{
		max-height: 50px;
	}
}
@media screen and (max-width: 1000px){
	.openHamburger{
		width: 50px;
	    height: 50px;
	    margin: 0;
	    left: 5px;
	    top: 5px;
	    display: block;
		position: absolute;
		z-index: 999;
	    text-indent: -9999px;
	    float: right;
	    background-color: rgba(255, 255, 255, 0);
	}
	.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: #FFF;
	}
	.c-hamburger span::before, .c-hamburger span::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #FFF;
		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;
	}
	nav#top_nav ul.main_nav{
		background-color: #FFF;
		z-index: 999;
		width: 100%;
		height: 100%;
		position: absolute;
		height: auto;
		max-height: calc(100vh - 60px);
		top: 60px;
		left: -100vw;
		transition: .5s;
		overflow-y: scroll;
	}
	nav#top_nav ul.main_nav::-webkit-scrollbar{
		display: none;
	}	
	nav#top_nav ul.main_nav.open{
		left: 0;
		-webkit-box-shadow: 0px 4px 33px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 4px 33px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 4px 33px 0px rgba(0,0,0,0.75);
	}
	nav#top_nav ul.main_nav li{
		display: block;
		color: #000;
		margin: 10px;
	}
	nav#top_nav ul.main_nav li.mobile_lis{
		padding: 10px;
		display: block;
	}	
	nav#top_nav ul.main_nav li.mobile_lis i{
		margin-right: 10px;
		color: var(--blue);
	}
	nav#top_nav ul.main_nav li a{
		color: #000;
		display: inline-block;
	}	
	nav#top_nav ul.main_nav li a:hover, nav#top_nav ul.main_nav li a.active{
		border-top: none;
		font-weight: 700;
		color: var(--rood);
	}
}
@media screen and (max-width: 750px){
	div.header_top{
		padding: 10px;
	}
	div.header_top div#logo{
		height: 100%;
		position: relative;
		z-index: 99999;
		display: inline-block
	}
	div.header_top div#top_right{
		right: 10px;
		text-align: right;
		z-index: 9999;
	}
	div.header_top div#top_right ul li{
		padding: 0;
		margin: 0;
	}
	div.header_top div#top_right ul li:first-child{
		border-right: none;
		padding-right: 0;
		margin: 5px 0 10px 0;
	}
	div.header_top div#top_right a.link_top{
		display: none;
	}
	nav#top_nav div.social_media{
		right: 10px;
	}
	
	section div#home_header{
		padding: 10px;
	}
	section div#home_header div.welcome_txt h1{
		font-size: 32px;
	}
	section div#home_header div.welcome_txt p{
		margin-top: 40px;
		font-size: 14px;
	}
	section div#home_header div.logo_bovag{
		width: 50px;
	}
	section div#home_header div.welcome_txt a{
		padding: 10px 20px
	}
	section div#top_blokken div.blok{
		width: 100%;
	}
	section div#top_blokken div.blok.loaded{
		margin: 0 0 20px 0;
	}
	section div#top_blokken div.blok:nth-child(1).loaded{
		margin-top: -40px;	
	}
	section div.other_tours{
		padding: 20px 40px 40px 40px;
	}
	section div#discover{
		padding: 10px;
	}
	section div#discover div.left, section div#discover div.right{
		width: 100%;
		padding: 10px;
		height: inherit;
	}
	div.links a{
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	section div#blog_post, section div#our_service{
		padding: 10px;
	}
	section div#blog_post div.blog{
		width: 100%;
		display: block;
	}
	section div#blog_post h2, section div#our_service h2{
		margin: 0 0 30px 0;
	}
	section div#discover div.right h2{
		background-image: none;
	}
	section div.basis_text p{
		padding: 0;
	}
	section div.basis_text{
		padding: 10px;
	}
	div.occassions{
		padding: 10px;
	}
	div.occassions div.occasion div.image, div.occassions div.occasion div.detail{
		width: 100%;
	}
	section div#home_header{
		height: inherit;
		min-height: 50vh;
	}
	section div#home_header div.welcome_txt, section div#home_header.occasions div.welcome_txt{
		padding: 10vh 10px 10px 10px;
	}
	section div#home_header div.welcome_txt a.loaded{
		display: none;
	}
	section div.basis_text h2, section div.basis_text h3{
		margin-bottom: 10px;
	}
	ul.openingstijden li a{
		color: #FFF;
	}
	footer div.foot_top img{
		max-height: 80px;
	}
}