.newsletterPage { background-image: url(http://www.disneystore.de/on/demandware.static/-/Sites-disneyde-Library/default/dw8d583c03/img/newsletter/newsletter_bg_12072017.jpg); background-position: 0px 0px; background-repeat: no-repeat; background-size: 100% auto; } section.newsletterPage .newsletterForm h2 { margin-bottom: 5px; text-align: center; font-size: 20px; } section.newsletterPage .newsletterForm p { text-align: center; width: 80%; font-size: 14px; margin: 0 auto 25px; font-family: 'matterhornserif'; color: #207d98; } @media (max-width: 1024px) { section.newsletterPage .newsletterTopSlot { width: 70%; margin: 0 auto; text-align: center; } section.newsletterPage .newsletterTopSlot .newsletter-promo-top { background: rgba(255,255,255,.8); } section.newsletterPage div.newsletterForm { margin: 40px auto; width: 70%; background: rgba(255,255,255,.8); border-radius: 7px; padding: 30px; box-sizing: border-box; } section.newsletterPage .newsletterForm .formRow input.inputbox { padding: 10px; width: 100%; box-sizing: border-box; } } /* @media (max-width: 768px) { .newsletterPage { background-size: auto 100%; } }*/ @media (max-width: 767px) { section.newsletterPage .newsletterTopSlot { width: 100%; } section.newsletterPage { background: none; } section.newsletterPage .newsletterForm { width: 100%; padding: 0; } } @media only screen and (min-width: 501px) { section.newsletterPage .newsletterForm h2 { margin-bottom: 5px; text-align: center; font-size: 20px; } } @media only screen and (max-width: 501px) { section.newsletterPage div.newsletterForm { width: 100%; padding: 0; } }