.hero{background:linear-gradient(to bottom, #094f72 0%, #005c8a 65%, #094f72 95%);padding:4rem 0;display:flex;align-items:center;justify-content:space-evenly;position:relative}.hero::after{content:"";display:block;width:100%;height:85%;background-image:url("../../images/hero_bg.png");position:absolute;bottom:0;background-size:contain;background-position:bottom center;background-repeat:no-repeat}@media screen and (max-width: 768px){.hero::after{height:17%}}.hero .columns{align-items:center;z-index:2}.hero .hero-content{color:#fff;padding-left:0}.hero .hero-content h1{font-size:1.95rem;font-family:"Lato";font-weight:700;line-height:1.22;margin-bottom:1.5rem}@media screen and (min-width: 769px){.hero .hero-content h1{font-size:1.99rem}}@media screen and (min-width: 1024px){.hero .hero-content h1{font-size:2.6rem}}.hero .hero-content h2{font-size:1.55rem;font-family:"Lato";font-weight:700;line-height:1.2}@media screen and (min-width: 769px){.hero .hero-content h2{font-size:1.99rem}}@media screen and (min-width: 1024px){.hero .hero-content h2{font-size:2rem}}.hero .hero-content h1,.hero .hero-content h2{color:#fff}.hero .hero-content p{font-size:1.05rem;margin-bottom:2rem;opacity:.9;line-height:1.5}@media screen and (min-width: 769px){.hero .hero-content p{font-size:1.09rem}}@media screen and (min-width: 1024px){.hero .hero-content p{font-size:1.125rem}}.hero .hero-content .buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;width:100%}@media screen and (max-width: 768px){.hero .hero-content .buttons{grid-template-columns:1fr}}.hero .hero-content .buttons .button{padding:.6rem .75rem;font-size:1.2rem;border-radius:14px;font-family:"Lato";cursor:pointer;white-space:nowrap;height:auto;min-height:2.75rem;display:flex;align-items:center;justify-content:center;text-align:center}@media screen and (max-width: 768px){.hero .hero-content .buttons .button{white-space:normal;overflow-wrap:break-word;word-wrap:break-word}}.hero .hero-content .buttons .button.is-primary{background-color:#000;border-color:#000}.hero .hero-content .buttons .button.is-outlined{border-color:#fff;color:#fff}.hero .hero-content .buttons .button.is-outlined:hover{border-width:1px}.hero .hero-image{display:flex;justify-content:flex-end;padding-right:0}@media screen and (max-width: 1023px){.hero .hero-image{justify-content:center;padding-right:.75rem}}.hero .hero-image img{max-width:50%;height:auto}@media screen and (max-width: 1023px){.hero .hero-image img{max-width:100%}}@media screen and (max-width: 1215px){.hero .hero-image img{max-width:85%}}@media screen and (max-width: 1407px){.hero .hero-image img{max-width:75%}}
