.wrap {
  max-width: 100%;
  margin: 0 auto;
}

#map {
    height: 170px;
    margin-bottom: 10px;
}
body {
    background-image: url("wind.jpg");
}
.typebox{
    text-align: center;
    position: absolute; 
   top: 520px; 
   left: 0; 
   width: 100%; 
}

    
}
.leaflet container {
    background-color: rgb(255,0,0,0.0);
}
input[type=text] {
    font-family: montserrat;
    font-size: 18px;
    color: mediumpurple;
    text-align: center;
    border: 2px solid blue;
    border-radius: 4px;
    width: 40%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
}