.hero-banner{background-color:var(--primary);background-repeat:no-repeat;color:var(--text-light);padding-bottom:40px;padding-top:40px}@media only screen and (min-width:768px){.hero-banner{padding-bottom:95px;padding-top:95px}}.hero-banner.has-brand-logo{padding-top:20px}@media only screen and (min-width:768px){.hero-banner.has-brand-logo{padding-top:75px}}.hero-banner.has-default-background{background-position:100% 100%;background-size:50% auto}@media only screen and (min-width:500px){.hero-banner.has-default-background{background-size:auto}}.hero-banner .brand-logo{display:block;margin-bottom:10px;max-width:85px}@media only screen and (min-width:768px){.hero-banner .brand-logo{margin-bottom:20px;max-width:185px}}.hero-banner .brand-logo img{height:auto;width:100%}.hero-banner h1{color:inherit;font-family:var(--font-secondary);font-size:20px;font-weight:700;line-height:1.2em;margin-bottom:0;margin-top:0}@media only screen and (min-width:768px){.hero-banner h1{font-size:40px}}@media only screen and (min-width:1024px){.hero-banner h1{max-width:60%}}.hero-banner h1:not(:last-child){margin-bottom:5px}@media only screen and (min-width:768px){.hero-banner h1:not(:last-child){margin-bottom:15px}}.hero-banner .is-support-text{font-family:var(--font-secondary);font-size:16px;font-weight:300;line-height:1.2em}@media only screen and (min-width:768px){.hero-banner .is-support-text{font-size:31px}}@media only screen and (min-width:1024px){.hero-banner .is-support-text{max-width:60%}}.hero-banner .is-support-text p{font-size:inherit;line-height:inherit}.hero-banner .is-support-text p:first-child{margin-top:0}.hero-banner .is-support-text p:last-child{margin-bottom:0}