html,
body {
  height: 100%;
  margin: 0;
  background-color: black;
}

.flex-center {
  height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;

}

.column {
  width: 100%;
  height: 100%;
  max-width: 400px;
  /* background-color: black; */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.spacer {
  flex: 1;
}

.kotak1 {
  width: 100%;
  height: 200px;
  /* background-color: green; */
}

.kotak2 {
  width: 100%;
  height: 30px;
  /* background-color: purple; */

}

.splash {
  width: calc(100% - 150px);
  height: 100%;
  padding: 0 75px;
  object-fit: contain;

}

.branding {
  width: calc(100% - 60px);
  height: 100%;
  padding: 0 30px;
  object-fit: contain;
}

.map {
  width: 100px;
  height: 100px;
}