@media only screen and (max-width: 1680px) {
	
	.sectioninner {
		max-width: calc(100vw - 4rem);
	}
	
}

@media only screen and (max-width: 1520px) {

	body, html {
		font-size: 13pt;
	}
	
	
}



@media only screen and (max-width: 1420px) {

	body, html {
		font-size: 12pt;
	}
	
}

@media only screen and (max-width: 1300px) {

	body, html {
		font-size: 11pt;
	}
	
}

@media only screen and (max-width: 1200px) {

	
	
}

@media only screen and (max-width: 1000px) {


	
	
}

@media only screen and (max-width: 900px) {

	body, html {
		font-size: 10pt;
	}
}


@media only screen and (max-width: 640px) {

	body, html {
		font-size: 11pt;
	}	
	
	body {
		position: relative;
	}
	
	.logohold {
		margin-left: -2rem;
		width: 100vw;
	}
	
	.logohold svg {
		width: 100%;
	}
	
	.logo img {
		width: 45%;
		margin-left: 3.5rem;
		margin-top: 1rem;
	}
	
	.hamburger {
		display: inline-block;
		position: relative;
		z-index: 1001;
		
	}
	
	.hamburger svg {
		fill:var(--primary);
		display: block;
		height: 2.5rem;
		width: auto;
		position: relative;
		vertical-align: middle;
		top:.1rem;
	}
	
	.menu {
		display: none;
	}
	
	.menuhold {
		padding: 0;
		border-radius: 0;
		background: none;
		top: 2rem;
		right: 25%;
	}
	
	.hamburgeractive .menu {
		position: fixed;
		inset: 0;
		background: white;
		z-index: 1000;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.hamburgeractive .logo {
		z-index: 1001;
	}
	
	.menu li:not(:last-child)::after {
		display: none;
	}
	
	.menu li {
		display: block;
		text-align: center;
	}
	
	.menu .sub-menu {
		display: block;
		position: relative;
		top:auto;
		margin: .5rem;
	}
	
	.grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	
	
	.col-2 {
		grid-column: span 6;
	}
	
	.col-3 {
		grid-column: span 6;
	}
	
	.col-4 {
		grid-column: span 6;
	}
	
	.col-6 {
		grid-column: span 6;
	}
	
	.col-7 {
		grid-column: span 6;
	}
	.col-8 {
		grid-column: span 6;
	}
	
	.col-9 {
		grid-column: span 6;
	}
	
	.col-12 {
		grid-column: span 6;
	}
	
	.bgwrap {
		position: relative;
		inset: auto;
	}
	
	.home .top {
		position: absolute;
		top:0;
	}
	
	.slider_txt_hold {
		margin-left: 0rem;
		bottom: 2rem;
		width: 60%;
	}
	
	.dothold {
		bottom: 2rem;
	}
	
	.bgwrap .col-3 {
		display: none;
	}
	
	.bgwrap .bghold {
		width: 100vw !important;
		margin-left: -2rem;
		height: 30rem !important;
	}
	
	.contentspacer {
		height: 2rem !important;
	}
	
	.home .col-3 {
		order: 1;
	}
	
	.home .col-9 {
		order: 0;
	}
	
	.regular_content {
		padding: 0;
		padding-top: 1rem;
	}
	
	.regular_content.whiteback {
		padding: 2rem;
		border-top: 0;
		box-sizing: border-box;
		width: calc(100% - 4rem);
	}
	
	.col-1.empty {
		display: none;
	}
	
	.col-2:has(.content-nav){
		grid-column: span 2;
		order: 1;
	}
	
	.grid:has(.content-nav) {
		position: relative;
	}
	
	.grid:has(.content-nav) .col-6.intro,
	.grid:has(.content-nav) .col-7.intro {
		grid-column: span 4;
		order: 0;
	}
	
	.grid:has(.content-nav) .tekoopholder {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	.expositie-item,
	.contactformulierhold,
	.cursus-item {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}	
	
	.te_koop {
		width: 5rem;
		height: 5rem;
		top:1rem;
		right: 1rem;
	}
	
	.foto_groot .te_koop {
		position: relative;
		margin:auto;
		left:auto;
		right:auto;
	}
}