/* Responsive */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
    .container {
        width: 100%;
        padding: 10px;
    }
    nav ul {
        flex-direction: column;
        gap: 10px;
    }

}


@media (max-width: 768px) {
    .two-column {
      flex-direction: column; 
    }
  
    .two-column .image-block,
    .two-column .text-block {
      width: 100%;  
      flex: none;  
      margin: 0 0 1em 0; 
    }
.overlay-text h1 {
  font-size: 2rem;
}
  }
  
  @media (max-width: 768px) {
    .bg-image-desktop {
        opacity: 0;
        z-index: 0;
    }
    .bg-image-mobile {
        opacity: 1;
        z-index: 1;
    }
    .left-panel, .right-panel {

        width: 100%;
        height: 50%;
}
  }