html, body { font-size: 16px; margin: 0 auto; padding: 0; font-family: "Skoda Next", sans-serif; background-color: #f5f5f5; min-height: 100vh; scroll-behavior: smooth; max-width: 1920px; } @media (max-width: 780px) { html, body { font-size: 14px; } } table, th, td { border: 0; vertical-align: top; padding: 0; } *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } *, *::after, *::before { box-sizing: border-box; } /* Fix mobile Safari increase font-size on landscape mode */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; scroll-behavior: smooth; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu, summary { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; display: block; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; box-sizing: border-box; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; box-sizing: border-box; } /* Remove details summary webkit styles */ ::-webkit-details-marker { display: none; } strong { font-weight: 600; } .c-baner { position: relative; margin-bottom: 90px; height: 627px; max-height: 80vh; overflow: hidden; display: flex; justify-content: center; align-items: center; } .c-baner::after { content: " "; height: 20vh; width: 100%; left: 0; right: 0; bottom: 0; position: absolute; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%); z-index: 1; } .c-baner__content { position: absolute; bottom: 10%; width: 100%; color: #ffffff; z-index: 2; } .c-baner__title { font-size: clamp(1.2rem, 3.5vw, 4.375rem); line-height: 1.2; text-align: center; } .c-baner__subline { font-size: clamp(1.2rem, 3.5vw, 4.375rem); } .c-baner__img { object-fit: cover; width: 100%; } @media screen and (max-width: 960px) { .c-baner__img { height: 100%; width: auto; } } @media screen and (max-width: 960px) { .c-baner__subline { font-size: 1.4rem; } } .c-photo-text { display: flex; justify-content: center; align-items: center; background-color: #ffffff; max-width: 1480px; margin: 0px auto 90px auto; } @media (max-width: 768px) { .c-photo-text { margin: 24px; flex-direction: column; } } .c-photo-text__image { width: 100%; max-width: 960px; max-height: 364px; overflow: hidden; display: flex; justify-content: center; align-items: center; } .c-photo-text__image img { object-fit: cover; max-width: 100%; } .c-photo-text__text { width: 100%; padding: 1% 7%; } @media (max-width: 768px) { .c-photo-text__text { padding: 1rem; } } .c-photo-text__text h3 { font-size: 23px; font-weight: bold; margin-bottom: 14px; } .c-photo-text__text p { font-size: 19px; line-height: 1.5; margin-bottom: 16px; } .c-photo-text__text ul li { margin-bottom: 9px; } .c-photo-text__text ul li:before { content: " "; margin-bottom: 4px; display: block; float: left; width: 12px; height: 20px; color: #1b3930; margin-right: 8px; background: url(data:image/webp;base64,UklGRjwBAABXRUJQVlA4WAoAAAAwAAAACwAAEwAAQUxQSKUAAAAJgGNt2zHnHttYwZQz7cROZaNj52QF2oDtdDYqG3XKKVPZdn6sISImgMBA3hnivrWwTY/EvBffhkus/AX8qzaR44wPCC4bBawVfUP0slbAbDmQMK0VMFoPpI+pBLQ2A0VDCgEN7UBxt4j8xhpgrEJQ1wCMl/8AJS3AUvEXkDMEbOS9A8njSthLfwfCFjVwkvYMMGSA05Q7hFnnhBKvEA0lHydcIA4AVlA4IHAAAADwAwCdASoMABQAPp0+mkgloyKhMAgAsBOJbACdMoMYGWUgYyDfH4AAAP7vsbtG7h3VWyfdv+yo+zvbXBznuasmzvBxA3SzidmBclpi1/xMf//z8Ko4UJK6VC99/0fye0//O7Breg4rjgfX/5N/VQAA); } .c-photo-text__button { background-color: #9af7b4; color: #000000; font-weight: bold; font-size: 16px; padding: 10px 20px; border: none; border-radius: 25px; cursor: pointer; display: inline-block; text-align: center; text-decoration: none; transition: background-color 0.3s ease; } .c-photo-text--reverse { flex-direction: row-reverse; } @media (max-width: 768px) { .c-photo-text--reverse { flex-direction: column; } } .c-copy { padding: 0px 0 90px 0; text-align: center; max-width: 960px; margin: 0 auto; } @media (max-width: 768px) { .c-copy { padding: 0px 1rem 90px 1rem; } } .c-copy h2 { font-weight: bold; font-size: 35px; } @media (max-width: 768px) { .c-copy h2 { font-size: 28px; } } .c-copy__buttons { margin-top: 2rem; display: flex; align-items: center; justify-content: center; gap: 2rem; } .c-copy__button { background-color: #9af7b4; color: #000000; font-weight: bold; font-size: 16px; padding: 10px 20px; border: none; border-radius: 25px; cursor: pointer; display: inline-block; text-align: center; text-decoration: none; transition: background-color 0.3s ease; } .c-logo-bar { display: flex; justify-content: center; justify-content: flex-start; align-items: center; padding: 7px 0; background-color: white; } .c-logo-bar__logo { padding: 0 24px; display: flex; align-items: center; } .c-logo-bar__logo::after { content: " "; display: block; height: 24px; width: 1px; background-color: #1b3930; } .c-logo-bar__logo img { max-height: 48px; margin-right: 7px; } .c-logo-bar__dealer { font-weight: bold; font-size: 24px; } .c-footer { background-color: #1b3930; color: #ffffff; text-align: center; } .c-footer__main { font-size: 1.4rem; padding: 5% 2%; } .c-footer__main b { font-weight: bold; } .c-footer__clause { background-color: #00271e; padding: 2rem 10vw; width: 100%; min-height: 150px; margin-top: 2rem; text-align: left; } /*# sourceMappingURL=style.css.map */