html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

html, body {
  height: 100%;
  margin: 0;
}

#full-screen-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; /* Optional: remove the border */
}

.bottom-div {
  position: fixed; /* Keeps the buttons fixed at the bottom */
  bottom: 0; /* Aligns the button to the bottom */
  left: 0;
  width: 100%; /* Occupies the entire width */
  height: 7vh; /* Height is set to 6% of the viewport */
  background-color: #007bff; /* Bootstrap primary color */
  color: white;
  border: none;
  font-size: 18px;
  text-align: center;
  align-content:center;
  line-height: 6vh; /* Center text vertically */
}


/*.fixed-close-btn {*/
  /*position: fixed;
  bottom: 8px;
  right: 20px;*/
  /*background-color: red;
  color: white;
  border: none;
  margin-left: 16px;*/
  /*padding: 10px 10px;*/
  /*border-radius: 5px;
  min-width: 160px;
}

.fixed-on-my-way-btn {*/
  /*position: fixed;
  bottom: 8px;
  left: 20px;*/
  /*background-color: lightseagreen;
  color: white;
  border: none;*/
  /*padding: 10px 15px;*/
  /*border-radius: 5px;
  min-width: 160px
}*/

.fixed-close-btn {
  position: fixed;
  bottom: 28px;
  right: 20px;
  background-color: red;
  color: white;
  border: none;
  margin-left: 16px;
  border-radius: 5px;
  min-width: 44px;
  min-height: 44px;
}

.fixed-on-my-way-btn {
  position: fixed;
  bottom: 28px;
  left: 20px;
  background-color: #512BD4;
  color: white;
  border: none;
  /*padding: 10px 10px;*/
  border-radius: 5px;
  min-width: 44px;
  min-height: 44px;
}

.fixed-on-my-way-label {
  position: fixed;
  bottom: 0px;
  left: 20px;
  color: white;
  font-size: smaller;
}

.info-wrapper {
  display: flex;
  flex-wrap: wrap; /* Allows stacking on small screens */
  gap: 40px;
  justify-content: flex-start; /* Aligns to the left */
  margin: 40px;
}

.info-block {
  flex: 1 1 45%; /* Responsive width */
  min-width: 300px;
}

  .info-block h2 {
    margin-bottom: 10px;
  }

  .info-block ul {
    padding-left: 20px;
  }

.youtube-video-wrapper {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap; /* allows wrapping on smaller screens */
  margin: 40px auto;
  max-width: 1000px;
}