.main-navigation,
nav.main-navigation {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 99999 !important; 
}

.main-banner,
.page-banner,
section.contact-us,
.what-they-say .testimonials,
.products {
  position: relative;
  z-index: 0;    
  overflow: hidden;
}

.main-banner::before,
.page-banner::before {
  content: "";
  position: absolute;
  inset: 0; 
  background: url("../images/fabrics.jpg") center/cover no-repeat;
  filter: blur(2px);    
  z-index: -1;     
  pointer-events: none; /* don't block clicks */
}

.main-banner .header-text,
.page-banner .content {
  position: relative;
  z-index: 1;
}


@media (min-width: 992px) {
  .main-banner { padding-top: calc(170px + 70px); } /* 170px was your original top padding + 70px nav height */
}
@media (max-width: 991px) {
  .main-banner { padding-top: calc(270px + 60px); } /* adjust for mobile padding if needed */
}

/* === FIXED TEXT LOGO (DIFFERENT SIDES BY SCREEN SIZE) === */
.logo {
  position: fixed;
  top: 8px;
  left: 30px;         /* top-left for large screens */
  font-size: 1.8rem;
  font-weight: bold;
  color: red;
  z-index: 10000;
}

.logo em {
  color: white;
  font-style: normal;
}

/* on small screens, move it to top-right */
@media (max-width: 768px) {
  .logo {
    left: auto;
    right: 25px;
  }
}