.hero_banner_container{position:relative}#audio,#playAudio{bottom:2rem;position:fixed;right:2rem;z-index:2}#playAudio{background:#bc511c30;border:none;border-radius:4rem;cursor:pointer;padding:2rem;transition:all .3s}#playAudio:hover{background:#bc511c78;transition:all .3s}#playAudio svg{fill:#fff;height:20px;opacity:.5;transition:all .3s;width:20px}#playAudio:hover svg{opacity:.8;transition:all .3s}#bars{align-items:flex-end;bottom:2rem;display:flex;height:200px;justify-content:center;left:2rem;position:fixed;z-index:2}#bars div{background-color:red;height:0;margin:0 5px;transition:height .3s;width:10px}.bg_banner_container{background-position:100%;background-repeat:no-repeat;background-size:cover;height:100vh;opacity:0;overflow:hidden;position:relative;width:100%}.bg_banner_container.animate_banner{animation:fade_banner 1.5s ease forwards;animation-delay:.7s;opacity:1;transition:opacity 1.5s ease}@keyframes fade_banner{0%{background-position:100%}to{background-position:0}}.left_container{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:center;position:relative;width:40%}.bg_banner_container.animate_banner .left_container .text_container{align-items:center;animation:fade_text 1.3s ease forwards;animation-delay:1.3s;display:flex;height:100%;opacity:0;position:relative;transform:translateY(-3rem);width:50%;z-index:2}@keyframes fade_text{0%{opacity:0;transform:translateY(-3rem)}to{opacity:1;transform:translateY(0)}}.left_container .text_container .cta{bottom:2em;left:0;position:absolute}.left_container .text_container .cta a{background-color:#fff;color:#000;cursor:pointer;min-width:200px;padding:.5em 1.4em;text-decoration:none;text-transform:uppercase}.left_container .text_container .welcome_text{color:#fff}.left_container .text_container .welcome_text p{line-height:1;text-indent:3em}.left_container .text_container .welcome_text .styled_font{font-size:2em;line-height:0;text-indent:0}.bg_banner_container.animate_banner .left_container .person_img{animation:fade_img 1.3s ease forwards;animation-delay:.7s;bottom:0;object-fit:contain;object-position:bottom;position:absolute;right:0;transform:translateX(0)}@keyframes fade_img{0%{transform:translateX(0)}to{transform:translateX(50%)}}@media (max-width:768px){.left_container{width:60%}}@media (max-width:600px){.left_container{width:70%}.left_container .text_container{width:80%}}@media (max-width:476px){.left_container{width:75%}}