.banner *{box-sizing:border-box;margin:0;padding:0}.banner{max-width:100%;padding:50px;width:100vw}.banner__background-container{background-image:var(--backgound-image);background-position:50%;background-repeat:no-repeat;background-size:cover}.banner__content-container{margin:2% auto;max-width:1200px}.banner__animated-text-warapper{font-size:32px;font-weight:700;position:relative}.banner__animated-text{clip:rect(0,0,300px,0);left:0;overflow:hidden;position:absolute;top:0;transition:width 1s ease;white-space:nowrap}.banner__eyebrow{color:#585b63;font-size:14px;font-weight:700}.banner__headline{font-size:42px;letter-spacing:-1px;line-height:1.2;width:50%}.banner__description-paragraph{font-size:18px;line-height:1.4;margin-top:25px;width:40%}.banner__buttons-conteiner{margin-top:15px;padding:25px 0}.banner__button{border-radius:4px;font-size:18px;margin-right:5px;padding:10px 20px;text-decoration:none}.banner__button--fill:link,.banner__button--fill:visited{background-color:#006293;border:1px solid #006293;color:#fff}.banner__button--border:link,.banner__button--border:visited{background-color:#fff;border:1px solid #000;color:#000}@media only screen and (max-width:1800px){.banner__background-container{background-size:cover}}@media only screen and (max-width:1440px){.banner__headline{font-size:38px}.banner__animated-text{font-size:28px}}@media only screen and (max-width:1024px){.banner__headline{width:60%}.banner__description-paragraph{width:50%}}@media only screen and (max-width:600px){.banner{padding:25px}.banner__background-container{background:var(--mobile-gradient)}.banner__content-container{background-color:hsla(0,0%,100%,.9);border-radius:10px;padding:25px}.banner__headline{font-size:26px;width:100%}.banner__description-paragraph{width:100%}.banner__button{display:block;margin-bottom:15px;margin-right:0;padding:15px 0;text-align:center;width:100%}}@media only screen and (max-width:380px){.banner__button,.banner__description-paragraph{font-size:16px}.banner__animated-text{font-size:24px}}