.container{
display: flex;
flex-direction: column;
}
.container *{
flex-basis: 0;
box-sizing: border-box;
}
.logo-ups{
display: flex;
flex-direction: row;
}
.logo-ups *{
flex-basis: 0;
margin: 2px;
box-sizing: border-box;
}
img{
width: 50px;
}
h1{
padding-top: 10px;
float: left;
height: 10px;
font-size: 22px;
color:#fff;
}
form{
width: 400px;
margin: auto;
background: rgba(0, 0, 0, 0.3);
padding: 10px 30px;
box-sizing: border-box;
margin-top: 15px;
border-radius: 20px;
}
h2{
color: #fff;
text-align: center;
margin: 0;
font-size: 30px;
margin-bottom: 20px;
}
input, textarea{
width: 100%;
margin-bottom: 20px;
padding: 7px;
box-sizing: border-box;
font-size: 17px;
border: none;
}
textarea{
min-height: 100px;
max-height: 200px;
max-width: 100%;
}
#button{
background:  rgb(3, 130, 216);
color: #fff;
padding: 20px;
}
#button:hover{
cursor: pointer;
}
.divcontact *{
flex-basis: 0;
box-sizing: border-box;
}
.divcontact{
display:flex;
flex-direction: row;
margin-top: 50px;
}
p{
color: #000000;
font-family: helvetica;
font-weight: bold;
}
.maps{
display: flex;
height:  60vh;
flex-direction: column;
align-items: center;
justify-content: flex-start;
flex-grow: 1;
padding: 10px;
margin: 10px;
margin-top: 20px;
margin-bottom: 20px;
}
.google-maps{
margin-top: 5px;
}
.google-maps iframe{
width: 500px !important;
height: 400px !important;
}
.Form{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
margin: 10px;
margin-top: 20px;
margin-bottom: 20px;
flex-grow:1;
}