Obrigado

/*! This file is auto-generated */ .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #fff; text-decoration: none; } body { --wp--preset--color--black: #000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #fff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, #9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, #cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: .44rem; --wp--preset--spacing--30: .67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); } :where(.is-layout-flex) { gap: .5em; } :where(.is-layout-grid) { gap: .5em; } body .is-layout-flow > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } body .is-layout-flow > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } body .is-layout-flow > .aligncenter { margin-left: auto !important; margin-right: auto !important; } body .is-layout-constrained > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } body .is-layout-constrained > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } body .is-layout-constrained > .aligncenter { margin-left: auto !important; margin-right: auto !important; } body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: var(--wp--style--global--content-size); margin-left: auto !important; margin-right: auto !important; } body .is-layout-constrained > .alignwide { max-width: var(--wp--style--global--wide-size); } body .is-layout-flex { display: flex; } body .is-layout-flex { flex-wrap: wrap; align-items: center; } body .is-layout-flex > * { margin: 0; } body .is-layout-grid { display: grid; } body .is-layout-grid > * { margin: 0; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } .wp-block-navigation a:where(:not(.wp-element-button)) { color: inherit; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } .wp-block-pullquote { font-size: 1.5em; line-height: 1.6; } html, body { overflow-x: hidden !important; } body::-webkit-scrollbar { width: 10px; } body::-webkit-scrollbar-track { background: #000; } body::-webkit-scrollbar-thumb { background-color: #0097d9; border-radius: 5px; border: 0px solid orange; } body { overflow-x: hidden; } .menu-voltar::before { background-image: url("https://cdn-bmaia.nitrocdn.com/gyReVBcepsApEAQEihChLpIgNPQZdsBV/assets/images/optimized/rev-6c3b55f/t2.com.br/wp-content/themes/t2_educacao-blockTheme/assets/dist/images/theme/carousel/chevron-left.svg"); } .menu-list--mobile .menu-item-has-children > a::after { background-image: url("https://cdn-bmaia.nitrocdn.com/gyReVBcepsApEAQEihChLpIgNPQZdsBV/assets/images/optimized/rev-6c3b55f/t2.com.br/wp-content/themes/t2_educacao-blockTheme/assets/dist/images/theme/carousel/chevron-right.svg"); } .header-logo { max-width: 168px; width: 14%; display: inline-block; min-width: 100px; transition: .3s ease-out; z-index: 10; } .header-logo>.link { align-items: center; display: flex; justify-content: center; width: 100%; } .header-logo>.link>.image { width: 100%; } @media screen and (max-width:1023px) { .header-logo>.link>.image--desktop { display: none; } } @media screen and (min-width:1024px) { .header-logo>.link>.image--mobile { display: none; } } .header-logo .name { width: 1px; height: 1px; overflow: hidden; display: block; text-indent: -99999px; } .hamburger-btn { align-self: center; position: relative; width: 25px; height: 20px; overflow: hidden; display: flex; justify-content: space-between; flex-direction: column; } @media (min-width:1024px) { .hamburger-btn { display: none; } } .hamburger-btn .line { position: relative; display: block; width: 100%; height: 3px; background: #fff; border-radius: 30px; left: 0; transition: all .3s ease-in-out; } .hamburger-btn .line:nth-child(2) { opacity: 1; } .hamburger-btn .line:nth-child(3) { margin-bottom: 0; } .hamburger-btn.open { z-index: 101; } .hamburger-btn.open .line { background: #fff; } .hamburger-btn.open .line:nth-child(1) { transform: rotate(45deg); transform-origin: 1%; } .hamburger-btn.open .line:nth-child(2) { left: 100px; opacity: 0; } .hamburger-btn.open .line:nth-child(3) { transform: rotate(-45deg); transform-origin: 1%; } .menu-list { align-items: center; display: flex; justify-content: flex-end; } .menu-list .menu-item { color: #fff; display: inline-block; font-size: 14px; } .menu-list .menu-item a { font-family: Montserrat, sans-serif; font-weight: 500; } .menu-list .current-menu-ancestor.menu-item>a, .menu-list .current-menu-item.menu-item>a, .menu-list .menu-item a:hover { color: #36efc7; } @media screen and (max-width:1023px) { .menu-list--desktop { display: none; } } .menu-list--desktop>.menu-item:not(:last-child) { margin-right: 2.1428571429em; } @media screen and (max-width:1365px) { .menu-list--desktop>.menu-item:not(:last-child) { margin-right: 1.4285714286em; } } .menu-list--desktop>.menu-item:last-child a { border: 1px solid currentColor; border-radius: 1.125em; padding: .625em 1.125em; } .menu-list--desktop>.menu-item:last-child a:hover { color: #009ede; border-color: #009ede; } .menu-list--desktop>.menu-item:last-child a::after { display: none; } .menu-list--desktop .menu-item a { align-items: center; display: flex; flex-direction: column; justify-content: center; text-align: center; padding: .625em 0; position: relative; } .menu-list--desktop .menu-item a::before { display: block; content: attr(data-name); font-weight: 700; font-family: inherit; height: 0; overflow: hidden; visibility: hidden; } .menu-list--desktop .menu-item a::after { background-color: #36efc7; bottom: -5px; border-radius: 1; content: ""; height: 1px; left: 0; position: absolute; transition: .2s ease-out; width: 0%; } .menu-list--desktop .menu-item a:hover::after { width: 100%; } .menu-list--desktop .menu-item-has-children { position: relative; } .menu-list--desktop .menu-item-has-children:hover>.sub-menu { max-height: 500px; opacity: 1; visibility: visible; } .menu-list--desktop .menu-item-has-children .sub-menu { background: rgba(0, 0, 0, .9); left: -20px; padding: 1.25em; position: absolute; top: 100%; min-width: 210px; max-height: 0; opacity: 0; visibility: hidden; transition: .2s ease-in-out; } .menu-list--desktop .menu-item-has-children .sub-menu .menu-item { display: block; margin-bottom: .875em; } .menu-list--desktop .menu-item-has-children .sub-menu a { width: 100%; text-align: left; display: block; } @media screen and (min-width:1024px) { .menu-list--mobile { display: none; } } @media screen and (max-width:1023px) { .menu-list--mobile { display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-start; overflow-y: scroll; } } .menu-list--mobile .menu-item a { display: block; padding: 5px 0; text-align: left; } @media screen and (max-width:1023px) { .menu-list--mobile .menu-item, .menu-list--mobile>.menu-item { margin-right: 0; margin-bottom: 20px; width: 80%; } } .menu-list--mobile .menu-item-has-children>a { display: flex; align-items: center; } .menu-list--mobile .menu-item-has-children>a::after { content: ""; background-position: center; background-repeat: no-repeat; background-size: contain; filter: invert(99%) sepia(0) saturate(7496%) hue-rotate(67deg) brightness(105%) contrast(103%); margin-left: 12px; width: 1em; height: 1em; } .menu-list--mobile .menu-item-has-children .sub-menu { background-color: #0a2028; height: 100vh; padding-top: 90px; padding-left: 20px; position: absolute; right: 0; top: 0; width: 95%; transform: translateX(100%); transition: .4s ease-in-out; z-index: 10; } .menu-list--mobile .menu-item-has-children .sub-menu--active { transform: translateX(0); transition: .3s ease-in-out; } .menu-list--mobile .menu-item-has-children .menu-item-has-children>.sub-menu { background-color: #0a2028; } .menu-list--mobile .menu-item-has-children .menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu { background-color: #0a2028; } .menu-voltar { font-size: 15px; font-size: .9375rem; align-items: center; color: #fff; display: flex; height: 50px; padding: 10px; position: absolute; top: 0; left: 20px; } .menu-voltar::before { content: ""; background-size: contain; background-size: 70%; background-position: center; background-repeat: no-repeat; border-radius: 5px; filter: invert(99%) sepia(0) saturate(7496%) hue-rotate(67deg) brightness(105%) contrast(103%); height: 20px; margin-right: 10px; width: 20px; } @media screen and (min-width:1024px) { .menu-mobile { display: none; } } @media (max-width:1023px) { .menu-mobile { align-items: flex-start; background-color: #095373; color: #fff; flex-direction: column; height: 100vh; justify-content: flex-start; padding-left: 0; padding-top: 90px; transition: .2s ease-in-out; z-index: 20; max-width: 400px; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; width: 0; } } .menu-mobile__wrapper { display: flex; flex-direction: column; justify-content: space-between; overflow: auto; width: 100%; } .menu-mobile--active { transform: translateX(0); visibility: visible; width: 90vw; } .main-header { background: rgba(0, 0, 0, .8); -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); min-height: 103px; padding: 12px 0; position: absolute; z-index: 100; width: 100%; } .main-header__menu { flex-grow: 1; } .main-header__menu .menu-list--desktop { justify-content: space-between; margin-left: auto; max-width: 900px; } @media screen and (max-width:1023px) { .main-header { min-height: 70px; } } .main-header .container { max-width: 1300px; } .main-header+main>:first-child { padding-top: 105px; } @media screen and (max-width:1023px) { .main-header+main>:first-child { padding-top: 75px; } } .float-button { position: fixed; right: 20px; bottom: 50%; transform: translateY(50%); z-index: 100; font-weight: 700; } @media screen and (max-width:767px) { .float-button { right: 10px; bottom: 20px; transform: unset; } } .hero-banner { background-color: #000; background-position: top center; background-repeat: no-repeat; position: relative; } @media screen and (max-width:549px) { .hero-banner { background-position: 60% 0; } } .hero-banner__container { max-width: 1160px; } .hero-banner__content { max-width: 464px; padding-top: 9%; width: 80%; } @media screen and (max-width:1023px) { .hero-banner__content { width: 70%; } } @media screen and (max-width:549px) { .hero-banner__content { width: 75%; max-width: 240px; margin-left: 10px; } } .hero-banner__title { margin-bottom: .525em; } .hero-banner__text { color: #878787; font-weight: 700; margin-bottom: 1.9090909091em; } .hero-banner__btn { width: 100%; font-weight: 500; } .hero-banner .banner-cta, .hero-banner .front-bannerCard { margin-top: 60px; } @media (max-width:1365px) { .hero-banner .banner-cta, .hero-banner .front-bannerCard { margin-top: 49.8px; } } @media (max-width:1280px) { .hero-banner .banner-cta, .hero-banner .front-bannerCard { margin-top: 42.6px; } } @media (max-width:1023px) { .hero-banner .banner-cta, .hero-banner .front-bannerCard { margin-top: 40.2px; } } @media (max-width:960px) { .hero-banner .banner-cta, .hero-banner .front-bannerCard { margin-top: 40px; } } .hero-banner .banner-cta { padding: 0; } @media screen and (max-width:549px) { .hero-banner .banner-cta { width: 90%; } } .hero-banner .courseCta-card { margin-top: 170px; background-image: linear-gradient(to bottom, transparent 0, transparent 40%, #fff 40%, #fff 100%); padding: 0; padding-bottom: 20px; } @media (max-width:1365px) { .hero-banner .courseCta-card { margin-top: 141.1px; } } @media (max-width:1280px) { .hero-banner .courseCta-card { margin-top: 120.7px; } } @media (max-width:1023px) { .hero-banner .courseCta-card { margin-top: 113.9px; } } @media (max-width:960px) { .hero-banner .courseCta-card { margin-top: 90.1px; } } @media (max-width:768px) { .hero-banner .courseCta-card { margin-top: 85px; } } @media (max-width:640px) { .hero-banner .courseCta-card { margin-top: 68px; } } @media (max-width:480px) { .hero-banner .courseCta-card { margin-top: 56.1px; } } @media (max-width:420px) { .hero-banner .courseCta-card { margin-top: 42.5px; } } @media (max-width:375px) { .hero-banner .courseCta-card { margin-top: 40px; } } .hero-banner .courseCta-card__card { max-width: 1160px; } .hero-banner--dark .hero-banner__subtitle, .hero-banner--dark .hero-banner__title { color: #000; } .hero-banner--dark .hero-banner__text { color: #383838; } .hero-banner--course { background-size: auto; z-index: 10; } @media screen and (max-width:1280px) { .hero-banner--course { background-size: cover; } } @media screen and (max-width:549px) { .hero-banner--course { background-position: 55% 0; background-size: auto 80%; } } @media screen and (max-width:549px) { .hero-banner--course::before { content: ""; inset: 0; background: rgba(0, 0, 0, .6); height: 100%; position: absolute; } } .hero-banner--course .hero-banner__content { max-width: 590px; } .hero-banner--course .hero-banner__title { font-size: 80px; font-size: 5rem; margin-bottom: .425em; } @media (max-width:1365px) { .hero-banner--course .hero-banner__title { font-size: 66.4px; font-size: 4.15rem; } } @media (max-width:1280px) { .hero-banner--course .hero-banner__title { font-size: 56.8px; font-size: 3.55rem; } } @media (max-width:1023px) { .hero-banner--course .hero-banner__title { font-size: 53.6px; font-size: 3.35rem; } } @media (max-width:960px) { .hero-banner--course .hero-banner__title { font-size: 42.4px; font-size: 2.65rem; } } @media (max-width:768px) { .hero-banner--course .hero-banner__title { font-size: 40px; font-size: 2.5rem; } } @media (max-width:640px) { .hero-banner--course .hero-banner__title { font-size: 38px; font-size: 2.375rem; } } @media screen and (max-width:549px) { .hero-banner--course .hero-banner__title { color: #fff; } } .hero-banner--course .hero-banner__subtitle { margin-bottom: .9107142857em; } @media screen and (max-width:549px) { .hero-banner--course .hero-banner__subtitle { color: #fff; line-height: 1.1em; } } @media screen and (max-width:549px) { .hero-banner--course .hero-banner__subtitle br { display: none; } } .hero-banner--course .hero-banner__text { max-width: 460px; } @media screen and (max-width:549px) { .hero-banner--course .hero-banner__text { margin: 0 auto; color: #fff; font-size: 16px; } } @media screen and (max-width:1023px) { .hero-banner--front { background-size: cover; background-position: 80%; } } @media screen and (max-width:550px) { .hero-banner--front { background-position: 55%; } } .hero-banner--front .hero-banner__title { font-size: 80px; font-size: 5rem; line-height: .9em; } @media (max-width:1365px) { .hero-banner--front .hero-banner__title { font-size: 66.4px; font-size: 4.15rem; } } @media (max-width:1280px) { .hero-banner--front .hero-banner__title { font-size: 56.8px; font-size: 3.55rem; } } @media (max-width:1023px) { .hero-banner--front .hero-banner__title { font-size: 53.6px; font-size: 3.35rem; } } @media (max-width:960px) { .hero-banner--front .hero-banner__title { font-size: 42.4px; font-size: 2.65rem; } } @media (max-width:768px) { .hero-banner--front .hero-banner__title { font-size: 40px; font-size: 2.5rem; } } @media (max-width:640px) { .hero-banner--front .hero-banner__title { font-size: 40px; font-size: 2.5rem; } } @media screen and (max-width:550px) { .hero-banner--front .hero-banner__title { line-height: 1.16; } } .hero-banner--front .hero-banner__text { font-size: 22px; font-size: 1.375rem; } @media (max-width:1365px) { .hero-banner--front .hero-banner__text { font-size: 18.26px; font-size: 1.14125rem; } } @media (max-width:1280px) { .hero-banner--front .hero-banner__text { font-size: 16px; font-size: 1rem; } } @media screen and (max-width:550px) { .hero-banner--front .hero-banner__text { line-height: 1.6; } } .hero-banner--front::before { content: ""; background-image: linear-gradient(to bottom, transparent 0, #000 40%, #000 100%); bottom: 0; left: 0; height: 28%; pointer-events: none; position: absolute; width: 100%; } @media screen and (max-width:800px) { .hero-banner--front::before { content: ""; inset: 0; background: rgba(0, 0, 0, .6); height: 100%; } }