body:not(.twentyseventeen-front-page) .custom-header {
  margin-bottom: 72px;
}

@media screen and (min-width: 48em) {
	.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: 1200px;*/
	/*height: 200vh;*/
	height: 40vh;
	/*max-height: 100%;*/
	/*overflow: hidden;*/
	}
}

/* Mobile screen*/
.has-header-image.twentyseventeen-front-page .custom-header {
	/*display: table;*/
	/*height: 300px;*/
	/*height: 200vh;*/
	height: 72vh;
	/*width: 100%;*/
}

/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: calc(100vh - 32px);*/
	height: calc(50vh - 32px);
	}
}

.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
  object-fit: initial;
  width: 100%;
  height: auto;
  display: block;
  min-width: initial;
  min-height: initial;
}
.custom-header-media {
  height: 24vw !important;
}
@media screen and (max-width: 1400px) {
	.custom-header-media {
		height: 55vw !important;
	}
	.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
		height: 42vw;
	}
	.logged-in .wp-custom-header img {
		margin-top: 0px;
	}
}
}

@media screen and (max-width: 767px) {
	.custom-header-media {
		height: 42vw !important;
	}
	.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
		height: 42vw;
	}
	.logged-in .wp-custom-header img {
		margin-top: 0px;
	}
}
}

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

.site-branding {
    background-image: url("https://heart-and-soul.nl/wp-content/uploads/2026/03/Schermafbeelding-2026-03-07-om-23.53.53.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    min-height: 200px;
}

}