7.1 responsive different screen sizes e.g. tablet

Site URL: https://www.inneco.de/eco-basic-eco-premium

Hi there,

how can I make my landing page responsive to different screen sizes?
It is quite fine for mobile view and big screens.
But it does not look good in between desktop and mobile view.
the Logo gets too big or the banner is not full width so it is cut off on the right side (see screen shots).

Does anyone know what code I need to show the banner in full width and to avoid the logo (image) getting too big? 

Thank you for helping!

Add to Home > Design > Custom CSS

/* resize tablet banner */
@media screen and (max-width:991px) and (min-width:768px) {
[data-section-id="5fc3e08408845d092400c576"] {
    min-height: 1vh !important;
    height: 40vh;
    padding-top: 10vh !Important;
}
}