#action-menu .burger.bar {
  /* background: var(--jet); */
  background:  rgb(52, 51, 48);
}

#map {
  width: 100%;
  height: 400px;
  z-index: 1;
}

@media (max-height: 450px) {
  #map {
    height: 300px;
  }
}

@media (max-height: 350px) {
  #map {
    height: 200px;
  }
}

.leaflet-marker-icon {
  position: relative;
  width: 100px;
  height: 100px;
  border: none;
  /* box-shadow: 0 0 0 0 var(--yellow-orange); */
  box-shadow: 0 0 0 0 rgb(255, 167, 55);
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  border-radius: 50% 50% 50% 50% / 24% 24% 76% 76%;
  -webkit-border-radius: 50% 50% 50% 50% / 24% 24% 76% 76%;
  -moz-border-radius: 50% 50% 50% 50% / 24% 24% 76% 76%;
  -ms-border-radius: 50% 50% 50% 50% / 24% 24% 76% 76%;
  -o-border-radius: 50% 50% 50% 50% / 24% 24% 76% 76%;
}

.leaflet-control-attribution.leaflet-control {
  display: none;
}


@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
  }
}

@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
  }
}

@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
  }
}

@keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
  }
}

.links {
  position: relative;
  width: 100%;
  margin: 50px 0 125px;
  display: flex;
  justify-content: center;
}

.links .img {
  width: 50%;
  max-width: 1200px;
  max-height: 1200px;
}

.links img {
  width: 100%;
  height: 100%;
  min-width: auto;
  min-height: auto;
  max-width: 1200px;
  max-height: 600px;
  object-fit: cover;
  object-position: center;
}

.links .cover {
  position: absolute;
  top: 25%;
  left: 0;
  width: 75%;
  height: 100%;
  max-height: 440px;
  z-index: 1;
  /* background: var(--yellow-orange-transparent); */
  background:   rgba(255, 168, 55, 0.39);
}

.links .contacts {
  z-index: 2;
  width: 50%;
  margin: auto 25px;
  font-size: 1.2rem;
  text-align: center;
}

.links .contacts .address,
.links .contacts .mail,
.links .contacts .phone {
  padding: 0 0 25px 0;
}

.links .contacts .mail {
  margin-top: 25px;
}

.links .contacts .address a,
.links .contacts .mail a,
.links .contacts .phone a {
  /* color: var(--jet); */
  color:  rgb(52, 51, 48);
  text-decoration: underline;
}

.links .contacts .btn {
  margin-top: 50px;
  padding: 5px 40px;
  /* border: solid 2px var(--yellow-orange); */
  border: solid 2px rgb(255, 167, 55);
  font-weight: bold;
  /* color: var(--jet); */
  color:  rgb(52, 51, 48);
}

@media (max-width: 830px) {
  .links .contacts {
    font-size: 1rem;
  }
}

@media (max-width: 780px) {
  .links .contacts {
    font-size: .9rem;
  }
}

@media (max-width: 710px) {
  .links .contacts {
    font-size: .8rem;
  }
}

@media (max-width: 650px) {
  .links {
    flex-direction: column;
    justify-content: space-between;
  }

  .links .img {
    width: 100%;
  }

  .links img {
    width: 100%;
    height: auto;
  }

  .links .contacts {
    width: 100%;
    margin: auto;
    padding-top: 25px;
  }

  .links .cover {
    left: 12.5%;
    height: 50%;
  }
}

@media (max-width: 300px) {
  .links .contacts {
    font-size: .7rem;
  }
}