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

html, body {
  width: 100vw;
  overflow-x: hidden;
}

.container {
  width: 100%;
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  background-image: url("../assets/home/services-covered-area-map.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
}

/****************************************************************************************** */
@media screen and (max-width: 400px) {
  html, body {
    /* width: 100vw; */
    /* overflow-x: hidden; */
  }

  .container {
    /* background-size: cover; 
   background-position: center;  */
    background-size: 10% 80%;
  }
}