/* Prevent horizontal overflow */
html, body {
    overflow-x: hidden;
    width: 100%;
  }
  
/* Ensure all elements stay within viewport */
.container {
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* Extra protection for images */
img {
  max-width: 100%;
  height: auto;
}


/* Add padding to header equal to navbar height */
header {
  padding-top: 56px; /* Default mobile navbar height */
}