html {
  position:relative;
  min-height:100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body{
  width: 100%;
  overflow:hidden;
  -webkit-font-smoothing:antialiased;
}
a,a:focus,a:hover;a:focus;a:focus-within,a:visited,button{
  text-decoration:none;
  outline:none;
}

/*********/

#map {
  height:500px;
}
.carousel, .carousel-inner {
    height: 45vh;
}
.carousel-item {
    background-color: rgb(0 0 0 / 50%) !important;
    background-blend-mode: color;
    background-position: center !important;
    background-size: cover !important;
    filter: hue-rotate(45deg);
}


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}