@media only screen and (min-width: 1024px) {

	.arrangementCaption, .promoCaption {
		font-size: 48px;
	}

	h1 span{ position:absolute; top:-220px;}

	#navBar {
		font-size: 39px;
	}

	#nav-logo{
		left: 0;
	}
	.contentBar {
		padding: 50px
	}

	ul.nav-menu li:last-child {
		display: block;
	}

	.nav-overlay.active{
		visibility:hidden;
		opacity:0;
	}
	.menu-sub {
		visibility: hidden;
		height: 0;
	}

	:target:before {
		content:"";
		display:block;
		height:150px; /* fixed header height*/
		margin:-150px 0 0; /* negative fixed header height */
	}

	#caption {
		font-size: 80px;
		gap: 50px;
	}
.captionButton {
		-webkit-transform: scale(1.0, 1.0);
  transform: scale(1.0, 1.0);
  margin: 0px;

}
.captionButton:hover{
  -webkit-transform: scale(1.03, 1.03);
  transform: scale(1.03, 1.03);
}


	.contentWrap > * {
		flex-basis: auto;
	}

	.contentWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding:50px;
		margin: 0 auto;
	}
	.contentText {
		width: calc(50% - 75px);
	}
	.contentImage {
		width: calc(50% - 25px);
		padding: 0;
		margin: 0;
	}
	.teaItem {
		width: 100% !important
	}
.teaItem:nth-of-type(2), .teaItem:nth-of-type(3) {
  display: inline-block;
}
	.subItem {
	width: 100%;
}

	.conRow {
		display: grid;
		grid-auto-flow: column;
		gap: 25px;
		margin: 0 auto;
		padding: 50px;
	}

	.conText {
		width: 550px;
	}

	.conPromo {
		width: 250px;
	}

	.promoLeft, .promoRight {
		 width: 100%!important;
	}

	.conCol {
		padding: 50px 25px;
	}
	.conTea {
		display: flex;
		align-items: center;
	}
	.conVac {
		width: auto !important;
	}


	.navMenukaart {
		width: 100%;
		text-align: center;
	}

	.navMenukaart li {
		line-height: 125%;
		padding: 5px 25px;
	}

	.navMenukaart li {
		border-left: 1px solid #777;
		border-bottom: 0px;
	}

	.navMenukaart li:first-child {
		border-left: 0px;
	}
	
	.navMenukaart li {
		display: inline-block;
	}

	.footerCol {
		flex-grow: 1;
		width: calc(33% - 50px);
	}

	.footerCol:nth-child(1) {
		order: 1
	}
	.footerCol:nth-child(2) {
		order: 2
	}
	.footerCol:nth-child(3) {
		order: 3;
		margin-top: 0px;
		width: calc(33% - 50px);
	}
	.footerCol + .footerCol {
		margin-left: 50px;
		margin-bottom: 0px;
	}
	.footerCol h2 {
		margin-top: 0px;
	}

}