.HalfBanner{height:calc(65vh - 2 * var(--header-height));width:100vw;font-family:Ubuntu Mono,monospace;background-repeat:no-repeat;background-size:cover;background-position:center}.HalfBanner-overlay{position:relative;height:100%;width:100%;background-color:var(--bg-content-color-transparent)}.HalfBanner-content{height:-moz-fit-content;height:fit-content;width:85%;color:var(--primary-color)}.HalfBanner-title-container{display:flex;flex-direction:column;width:100%;height:100%}.HalfBanner-title{font-family:Poppins,sans-serif;margin:var(--space);font-weight:700;font-size:36px}@media screen and (min-width: 650px){.HalfBanner-title{font-size:48px}}@media screen and (min-width: 960px){.HalfBanner{height:calc(65vh - var(--header-height))}}@media screen and (max-width: 450px){.HalfBanner-title{font-size:24px}}@media screen and (max-width: 300px){.HalfBanner-title{font-size:28px}}@media screen and (min-width: 1000px) and (max-height: 700px){.HalfBanner-content{padding:30px 0}}@media screen and (min-width: 768px){.HalfBanner-title{font-size:48px}}