/* Keep the extended navigation clear on tablet screens as well. */
body.iertje-site .site-header nav a{white-space:nowrap}
@media(min-width:701px) and (max-width:1100px){
 body.iertje-site .site-header{height:85px;min-height:85px;max-height:85px;padding:0 5%}
 body.iertje-site .site-header>.iertje-menu{display:block;grid-column:1;grid-row:1;width:70px}
 body.iertje-site .menu-button{width:66px;display:flex;gap:7px;align-items:center;justify-content:flex-start;font-size:12px;border-radius:0}
 body.iertje-site .menu-button>span:first-child{font-size:18px}
 body.iertje-site .site-header>.primary-nav{position:absolute;top:85px;left:0;width:100%;z-index:20;grid-column:auto;grid-row:auto}
 body.iertje-site .site-header nav{display:none;position:static;width:100%;padding:22px 6%;background:var(--paper);border-bottom:1px solid var(--line);gap:6px}
 body.iertje-site .site-header nav.open{display:flex;flex-direction:column}
 body.iertje-site .site-header nav a,body.iertje-site .site-header nav a.mobile-only{display:block;font-size:17px;padding:11px 0;width:fit-content}
 body.iertje-site .brand img{width:155px}
 body.iertje-site .contact-link{display:none}
}

/* Responsive header logo: larger, centred, and inside the existing header. */
body.iertje-site .site-header>.brand{align-self:center;height:auto;min-height:0;margin:0}
body.iertje-site .site-header .brand .elementor-widget-container{display:flex;align-items:center;justify-content:center;height:auto}
body.iertje-site .site-header .brand a{display:block;line-height:0}
body.iertje-site .site-header .brand img{width:228px;height:auto;max-width:100%;display:block}
@media(min-width:701px) and (max-width:1100px){body.iertje-site .site-header .brand img{width:178px}}
@media(max-width:700px){body.iertje-site .site-header .brand img{width:160px}}
@media(min-width:1101px) and (max-width:1250px){body.iertje-site .site-header nav{gap:18px}body.iertje-site .site-header nav a,body.iertje-site .contact-link{font-size:14px}}

/* Original artwork; the final small adjustment is a CSS rotation, without redrawing. */
body.iertje-site .site-header .brand img{width:260px;transform:rotate(1deg);transform-origin:center}
body.iertje-site .site-footer .footer-logo img{transform:rotate(1deg);transform-origin:center}
@media(min-width:701px) and (max-width:1100px){body.iertje-site .site-header .brand img{width:192px}}
@media(max-width:700px){body.iertje-site .site-header .brand img{width:176px}}
@media(max-width:350px){body.iertje-site .site-header .brand img{width:150px}}