.site-nav {
	position: fixed;
  background: rgba(255, 255, 255, 0.65) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(212, 215, 216, 0.4) !important;
}
.page-wrap {
	padding-top: 0 !important;
}
.hero-photo::before {
  background: linear-gradient(to right, #2B313B 0%, rgba(43,49,59,0.5) 20%, transparent 40%);
}
.hero-photo::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to left, rgba(43,49,59,0.4) 0%, transparent 25%);
}

@media (max-width: 900px) {
  ul#nav-menu {
    display: none !important;
    height: 0 !important;
  }
  ul#nav-menu.open {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    top: 92px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: calc(100vh - 92px) !important;
    min-height: 300px !important;
    z-index: 9999 !important;
    background: #ffffff !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  ul#nav-menu.open li {
    display: block !important;
    height: auto !important;
    min-height: 54px !important;
    border-bottom: 1px solid #e8e9ea !important;
    padding: 0 28px !important;
    margin: 0 !important;
    list-style: none !important;
    overflow: visible !important;
  }
  ul#nav-menu.open li a {
    display: block !important;
    height: auto !important;
    padding: 18px 0 !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #2B313B !important;
    border-bottom: none !important;
    overflow: visible !important;
  }
		.page-wrap {
	padding-top: 0;
}
}

@media (max-width: 782px) {
  .site-nav { 
    top: 0; 
  }
  .page-wrap {
    padding-top: 0 !important;
  }
	.hero-sub {
		color: rgba(255, 255, 255, 0.8);
		background: #858d98c9;
		border-radius: 16px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		padding: 10px 10px 10px 10px;
	}
}