Hello, here I´m again.
Now I want my new website be well designed for all medial devices.
Nearly everything is fine, but only the image and the text of headerbar-a doesn´t get smaller, if I look on my handy. I want it to react like the other topic pictures an menu titles.
Have you got an hint for me, how I can change this.

testseite2.physio-kawezi.de/

This is the code I use for it:
<div class="uk-slidenav-position" data-uk-slideshow="{autoplay:false}">
<ul class="uk-slideshow uk-slideshow-fullscreen">
<li><img src="images/headers/home.jpg" alt="">
<div class="uk-overlay-panel uk-overlay-background uk-flex uk-flex-center uk-flex-middle uk-text-center">
<div style="padding:20px" class="noborder">
<h1 class="handwrite color">Willkommen</h1>
<h3>BEI DER PRAXIS FÜR PHYSIOTHERAPIE</h3>
<p>von Andrea Kaufmann - Annekatrin Werlich - Claudia Zipfel</p>
</div>
</div>
</li>
</ul>
</div>

Hello,
please insert the code below to your css/custom.css

@media only screen and (max-width: 768px) {
.uk-overlay-panel h1 { font-size:3rem}
.uk-overlay-panel h3 { font-size:2rem}
}

Thank you, now the headlines get smaller!
But can I also use a special code for the image?

No sorry,
the imge is always full width, like cover background