html {
  font-size: 14px;
}

.w-100{
    max-width: 100%;
}

.bg-lgreen{
    background-color: lightgreen;
}

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

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

body {
  margin-bottom: 60px;
}

.required:after {
    content: " *";
}

#map {
    height: 40vh;
    width: 100%;
    max-height: 40vh;
    overflow: hidden;
}

/* This is to limit the size of the images */
.w-100 {
    max-height: 60vh;
}