body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

.wrapper {
  display: grid;
  grid-template-rows: 10% 80% 10%;
  width: 100%;
  height: 100vh;
}
.wrapper .header {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 0 24px;
}
.wrapper .header figure {
  display: none;
}
@media (min-width: 630px) {
  .wrapper .header {
    justify-content: space-between;
  }
  .wrapper .header figure {
    display: block;
  }
  .wrapper .header figure .figure__img {
    width: 70%;
  }
}
.wrapper .header .header__inputs {
  display: flex;
  align-items: center;
  gap: 12px;
  width: auto;
  max-width: 400px;
}
.wrapper .header .header__inputs .inputs__input {
  width: 200px;
  height: 44px;
  padding: 12px;
  border: 1px solid #dfe1e5;
  box-shadow: none;
  background-color: #f3f3f3;
}
.wrapper .header .header__inputs .inputs__input:focus {
  outline: none;
  box-shadow: none;
  border-color: transparent;
}
.wrapper .header .header__inputs .inputs__input:hover {
  background: #fff;
  box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
  border-color: transparent;
}
.wrapper .header .header__inputs .inputs__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border: none;
  background-color: #0481b2;
}
.wrapper .header .header__inputs .inputs__button:hover {
  outline: none;
  box-shadow: none;
  border-color: transparent;
  background-color: #025373;
  cursor: pointer;
}
.wrapper .header .header__inputs .inputs__button .fa {
  font-size: 1.4rem;
  color: #faf8f7;
}
.wrapper .header .header__inputs .inputs__button .fa:hover {
  color: #e8e8e8;
}
.wrapper .maps-container {
  height: 100%;
}
.wrapper .maps-container #map {
  width: 100%;
  height: 100%;
}
.wrapper footer {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #025373;
  color: #faf8f7;
}/*# sourceMappingURL=main.css.map */