body {
  background-image: url(https://images.unsplash.com/photo-1506318137071-a8e063b4bec0?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTB8fHNwYWNlfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=60);
  color: white;
}
.container-fluid {
  padding: 0px;
}

.navbar {
  padding: 1vh 1vw;
}

#liveMap {
  height: 40vh;
  margin-left: 25vw;
  width: 50vw;
}

#submitForm {
  margin-left: 25vw;
  margin-right: 25vw;
  width: 50vw;
  flex-wrap: wrap;
  justify-content: center;
}

.form-group {
  margin: 0 1vw;
  margin-bottom: 2vh;
}

.footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 100px;
  background-color: #f5f5f5;
  color: black;
}

.footer a {
  text-decoration: none;
  color: black;
}

.footer ul {
  margin-top: 7px;
  margin-bottom: 0;
}

.footer button {
  height: 50%;
  width: 10%;
}

.footer-item {
  margin-left: 1.5vw;
  margin-right: 0.5vw;
}

.foot-div {
  padding-top: 35px;
}

@media screen and (max-width: 700px) {
  .foot-div {
    padding: 0;
  }
  .footer button {
    margin-top: 25px;
    width: 15%;
  }
  .more-resources {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 900px) {
  #liveMap {
    margin-left: 5vw;
    width: 90vw;
  }
}