; } .G1E0_textBannerContainer .textBanner .title { } .G1E0_textBannerContainer .textBanner .textOverlay p, .G1E0_textBannerContainer .textBanner .textOverlay p.center { text-align: center; } .G1E0_textBannerContainer .textBanner .textOverlay p.right { text-align: right; } .G1E0_textBannerContainer .textBanner .textOverlay p.left { text-align: left; } .G1E0_textBannerContainer .textBanner .textOverlay { right: 0; left: 0; margin: auto; text-align: center; top: 50%; transform: translateY(-50%); } .G1E0_textBannerContainer .textBanner .textOverlay ul, .G1E0_textBannerContainer .textBanner .textOverlay p { line-height: 2.5em; } .G1E0_textBannerContainer .textBanner .textOverlay ol { list-style-type: revert; } .G1E0_textBannerContainer .textBanner .floatingImage { justify-content: center; text-align: center; top: 50%; transform:translateY(-50%); } .G1E0_textBannerContainer .textBanner .textOverlay { } .displayBlock { display: block; } .G1E0_textBannerContainer .centerGrid { width: 50%; margin: auto; } .G1E0_textBannerContainer .textBanner .textOverlay ul li::marker { font-size: inherit; } /* MEDIA QUERIES */ @media only screen and (max-width: 1300px){ .G1E0_textBannerContainer .centerGrid { width: 60%; } } @media only screen and (max-width: 1200px){ .G1E0_textBannerContainer .textBanner .textOverlay { padding-right: 0; padding-left: 0; } .G1E0_textBannerContainer .textBanner .textOverlay .button { font-size: 1.5vw; } } @media only screen and (max-width: 1100px){ .G1E0_textBannerContainer .centerGrid { width: 75%; } .G1E0_textBannerContainer .textBanner .textOverlay p, .G1E0_textBannerContainer .textBanner .textOverlay ul li span, .G1E0_textBannerContainer .textBanner .textOverlay ol li span, .G1E0_textBannerContainer .textBanner .textOverlay ul li::marker, .G1E0_textBannerContainer .textBanner .textOverlay ol li::marker { font-family: "VodafoneRegular"; line-height: 1.3; font-size: initial; } } @media only screen and (max-width: 1000px){ .G1E0_textBannerContainer .textBanner .textOverlay .title { font-size: 4vw; } .G1E0_textBannerContainer .textBanner .textOverlay p { font-size: 2.2vw; padding: 0 12px; } .G1E0_textBannerContainer .textBanner .textOverlay .button { font-size: 2vw; } .G1E0_textBannerContainer .textBanner .textOverlay { max-width: 68%; } } @media only screen and (max-width: 900px){ .G1E0_textBannerContainer .centerGrid { width: 85%; } } .G1E0_textBannerContainer .additionalText{ display: block; width: 100%; clear: both; float: left; } /* GO MOBILE */ @media only screen and (max-width: 1100px){ .G1E0_textBannerContainer .desktopBanner { display:none; } .G1E0_textBannerContainer .mobileBanner { display:block!important; min-height: 100px; } .G1E0_textBannerContainer { height: auto; } .G1E0_textBannerContainer .mobileBanner .textBlock { /* text-align: center; */ padding: 0 41px; } .G1E0_textBannerContainer .mobileBanner .textBlock h1.title { font-size: 3em; text-align: center; font-family: "VodafoneRegular"; margin-top: 10px; } .G1E0_textBannerContainer .mobileBanner .textBlock .buttonContainer { text-align: center; padding: 8px; } .G1E0_textBannerContainer .mobileBanner .floatingImageBlock { text-align: center; } .G1E0_textBannerContainer .mobileBanner .floatingImageBlock .floatingImageImg { } .G1E0_textBannerContainer .mobileBanner .floatingImageBlock img { max-width: 92%; } .G1E0_textBannerContainer .mobileBanner .textBlock .paragraphText, .G1E0_textBannerContainer .mobileBanner .textBlock .paragraphText h1, .G1E0_textBannerContainer .mobileBanner .textBlock .paragraphText h2, .G1E0_textBannerContainer .mobileBanner .textBlock .paragraphText h3, .G1E0_textBannerContainer .mobileBanner .textBlock .paragraphText h4, .G1E0_textBannerContainer .mobileBanner .textBlock .paragraphText h5, .G1E0_textBannerContainer .mobileBanner .textBlock .paragraphText h6 { line-height: 1!important; display: inline-block!important; width: auto!important; padding-left: 8px; padding-right: 8px; } .G1E0_textBannerContainer .mobileBanner .textBlock .paragraphText ol, .G1E0_textBannerContainer .mobileBanner .textBlock .paragraphText ul { line-height: 1.2; } .G1E0_textBannerContainer .mobileBanner .textBlock .paragraphText ul { list-style: disc!important; width: 100%; padding-left: 10px; } .G1E0_textBannerContainer .mobileBanner .textBlock .paragraphText ol { list-style: inside; width: 100%; padding-left: 10px; } .G1E0_textBannerContainer .textBanner .textOverlay .title { font-size: 8vw; } .G1E0_textBannerContainer .textBanner .textOverlay p { font-size: 2.6vw; } .G1E0_textBannerContainer .textBanner .textOverlay .buttonContainer { text-align: center; } .G1E0_textBannerContainer .mobileBanner .buttonContainer .button { font-size: 1.4em; padding: 12px 20px; } .G1E0_textBannerContainer .centerGrid { width: 90%; } .G1E0_textBannerContainer .textBanner .textOverlay { /* width: 80%; */ padding-bottom: 100px; } } @media only screen and (max-width: 700px){ .G1E0_textBannerContainer .textBanner { padding-bottom: 0; } .G1E0_textBannerContainer .textBanner .floatingImage { display: block; width: 100% !important; /* position: relative; */ text-align: center; margin-top: 25px; } .G1E0_textBannerContainer .textBanner .floatingImage img { margin-top:55%; width: 100%; } .G1E0_textBannerContainer .textBanner .textOverlay { align-self: center !important; display: block !important; width: 88%; max-width: 88%; line-height: 1; } .G1E0_textBannerContainer .textBanner .textOverlay .verticalCenter { max-height: 300px!important; } } @media only screen and (max-width: 600px){ .G1E0_textBannerContainer .textBanner .textOverlay { /* width: 80% !important; */ padding-bottom: 50px; } .G1E0_textBannerContainer .textBanner .textOverlay p { font-size: 4vw; } } @media only screen and (max-width: 500px){ .G1E0_textBannerContainer .textBanner .textOverlay .button { padding: 12px 20px; } .G1E0_textBannerContainer .textBanner .textOverlay { transform: translateY(-200px); } } @media only screen and (max-width: 400px){ .G1E0_textBannerContainer .textBanner .textOverlay { transform: translateY(-150px); } } .G1E0_textBannerContainer .centerGrid.withFullWidth { width: 100% !important; margin: 0 78px 0 78px; } .G1E0_textBannerContainer .centerGrid.withFullWidth .textOverlay, .G1E0_textBannerContainer .centerGrid.withFullWidth .textOverlay p { text-align: left; padding:0; left: auto; max-width: 0%; } .G1E0_textBannerContainer .centerGrid.withFullWidth .textOverlay { width: 100%; } @media only screen and (max-width: 1440px) { .G1E0_textBannerContainer .centerGrid.withFullWidth { margin: 0 40px 0 40px; } } @media only screen and (max-width: 1200px) { .G1E0_textBannerContainer .centerGrid.withFullWidth { margin: 0 16px 0 16px; } .G1E0_textBannerContainer .centerGrid.withFullWidth .textOverlay, .G1E0_textBannerContainer .centerGrid.withFullWidth .textOverlay p { max-width: calc(0% + 20%); } } @media only screen and (max-width: 992px) { .G1E0_textBannerContainer .centerGrid.withFullWidth { margin: 0 32px 0 32px; } .G1E0_textBannerContainer .centerGrid.withFullWidth .textOverlay, .G1E0_textBannerContainer .centerGrid.withFullWidth .textOverlay p { max-width: calc(0% + 20%); } } @media only screen and (max-width: 600px) { .G1E0_textBannerContainer { height: auto; } } @media only screen and (max-width: 360px) { .G1E0_textBannerContainer .centerGrid.withFullWidth { margin: 0 16px 0 16px; } .G1E0_textBannerContainer .centerGrid.withFullWidth .textOverlay, .G1E0_textBannerContainer .centerGrid.withFullWidth .textOverlay p { max-width: none; } }