Skip to main content
Subscribe to our newsletter
Let's keep in touch!

Stay updated on our news and events! Sign up to receive our newsletter.

/* In your global CSS (e.g. styles.css), right alongside any other @font-face rules */ @font-face { font-family: 'RegalRestSans'; src: url('/assets/fonts/RegalRestSans.woff2') format('woff2'), url('/assets/fonts/RegalRestSans.woff') format('woff'); font-weight: 400; font-display: swap; } /* rest of your CSS… */
/* top-bar.css */ .top-bar { background: #0b1a40; padding: 0.5rem 1rem; } .contact-info { display: flex; gap: 1.5rem; align-items: center; justify-content: flex-end; } .contact-item { color: #fff; font-size: 0.9rem; text-decoration: none; display: flex; align-items: center; } .contact-item svg { width: 1rem; height: 1rem; margin-right: 0.4rem; fill: currentColor; } .hero-description, p { color: #fff !important; text-shadow: 0 2px 8px rgba(0,0,0,0.28) !important; } @font-face { font-family: 'YourFont'; src: url('yourfont.woff2') format('woff2'); font-display: swap; } /* Or CSS for videos/iframes */ .hero-video { aspect-ratio: 16 / 9; } /* Goes in your .css or .scss file */ @font-face { font-family: "YourFont"; src: url("/fonts/yourfont.woff2") format("woff2"); font-display: swap; }