body {
    padding: 20px 0;
    font-family: Lato, sans-serif;
    background-color: whitesmoke;
  }
.mapouter{
    /* display:block; 
    margin: auto; */
}  
.map{
    margin-top: 3%;
   
}
/* .mapouter{
    margin-bottom: 5%;
} */

.btn-send{
    background-color: #151a25;
    border: none;
    margin-bottom: 2%;

}
.btn-send:hover{
    background-color: #151a25;
    opacity: 70%; 
    cursor: pointer;
}

.btn-send:focus{
    background-color: #151a25;
    opacity: 70%; 
}
.btn-send:active{
    background-color: #151a25;
    opacity: 70%; 
}
#Details{
    color: whitesmoke;
    
    border-style: solid;
    border-width: 3px; 
    border-radius: 2%;
    border-color: black;
    background-color: #151a25;
    padding-left: 5%;
    width: 50%;
    /* display: block;  
    margin: auto; */

}

#Details p{
    margin-bottom: 20px;
}

@media only screen and (max-width: 800px) {
/* 
    .mapouter{
        display:block; 
        margin: auto;
        width: 90%;
    }  */
    #Details{
        
        width: 97%;
        text-align: center;
        padding-left: 0%;
        padding-right: 3%;
        display: block;  
        margin: auto;
    }
}