body {
    font-size: 18px;
}
.column-contact {
    float: left;
    width: 50%;
    background-color: white;
    padding-top: 10px;
}
  
  /* Clear floats after the columns */
.row-contact:after {
    content: "";
    display: table;
    clear: both;
}
  
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 910px) {
    .column-contact {
      width: 100%;
    }
}

.map {
    width: 100%;
    height: 100%;
}
.header {
    margin-top: 80px;
}
.form {
    position: relative;
}

.map-google {
    border:0; 
    padding: 20px; 
    aspect-ratio: 4/4;     
    width: 100%;    
    height: 100%;  
    max-width: 800px;     
    max-height: 800px;    
    min-width: 150px; 
    margin: auto;
}