:root {
  --dark: #111;
  --light: #fafafa;
  --accent: #c8a97e;
}
body { font-family: 'Inter', sans-serif; color: var(--dark); background: var(--light); }

#hero video { z-index: -2; }
.overlay { position: absolute; inset: 0; background: rgba(0,0,0,.55); z-index: -1; }

section { min-height: 100vh; display: flex; align-items: center; }

/* 40% width images on desktop */
.col-md-5 { flex: 0 0 40%; max-width: 40%; }
.col-md-7 { flex: 0 0 60%; max-width: 60%; }

.qr { width: 120px; height: 120px; cursor: pointer; transition: transform .25s; }
.qr:hover { transform: scale(1.08); }

/* Ensure images take up the full width on mobile devices */
@media (max-width: 767px) {
  .img-full-width-mobile {
    display: block;
    width: 100%; /* Set the image width to 100% of the screen */
    height: auto; /* Maintain the aspect ratio */
    margin-left: auto;
    margin-right: auto;
  }
}