body {
  background-color: #e6f2e6;
  font-family: Roboto;
}

.hero {
  font-family: 'Dancing Script', cursive;
  background: url("../images/46273834b3fb.jpg") center/cover no-repeat;
  color: white;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
  min-height: 500px;
  padding: 0 10px 0;
}

.hero .title-box {
  min-height: 500px;
}

.hero h1 {
  font-size: 6em;
}

.hero p {
  font-size: 3em;
}

.loginMessageHider {
  display: none;
}

.registerMessageHider {
  display: none;
}

.section-title {
  color: #2e7d32;
  font-size: 2em;
}

.section-subtitle {
  color: #2e7d32;
  font-size: 1.5em;
}

footer {
  background-color: #c8e6c9;
  font-size: 0.5em;
}

footer p {
  margin: 0;
}

.img-enlargeable {
  cursor: zoom-in;
  transition: transform 0.3s ease;
}

.modal-img {
  max-width: 90vw;
  max-height: 90vh;
}

.gallery-img {
  height: 330px;
  object-fit: cover;
  width: 100%;
  margin: 10px auto;
}