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

#mainContainer{
  position: relative; 
  top:100px; 
  width: 100%;
  background: rgba(0,0,0,.3);
  width: 100% - 50px;
  text-align: center;
  height: 600px;
}

.mainDivTitle{
  text-shadow: 1px 1px 2px black, 0 0 0.5em black; /* Параметры тени */
  color: white; /* Белый цвет текста */
  font-size: 20px; /* Размер надписи */
}
  #navi,
  #searchPanel {
    width: 400px;
    /* height: 450px; */
    position: absolute;
    top: 12%;
    left: 3%;
    border: 5px;
 
    background: rgba(0,0,0,.3);
    display: flex;
    justify-content: center; 
    /* text-align: center;
    height: 400px;
  }
  #searchPanel {
    z-index: 10;    
  }

  .tableInputs{
    text-align: center;
  }

  .center_div{
    margin: 0 auto;
    width: 90% /* value of your choice which suits your alignment */
}

  .input-sized{    
    width: 90%;
    align-self: center;
  }

  .searchButton{
    width: 250px;
  }

  .infoP{
    color:black;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }

  .shadowtext {
    text-shadow: 1px 1px 2px black, 0 0 0.5em black; /* Параметры тени */
    color: white; /* Белый цвет текста */
    font-size: 20px; /* Размер надписи */
   }