#contact-info{
    position: relative;
    background-image: url("../imagenes/map.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}
.gmap-area {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0;
}

.gmap-area .gmap iframe {
  border-radius: 50%;
  height: 480px;
  width: 480px;
}
.gmap{
    border: 10px solid #f6f5f0;
    border-radius: 50%;
    height: 430px;
    width: 430px;
    box-shadow: 0px 0px 3px 3px #e7e4dc;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    position: absolute;
    margin-left: 7em;
    top: 1em;
}
.gmap-area .map-content ul {
  list-style: none; 
}

.gmap-area .map-content address h5{
  font-weight: 700;
  /* font-size: 16px; */
}

address{
   background-color:rgb(22, 116, 63);
   position: absolute;
   right: 7em;
   padding: 10px;
   color: white;
   height: 480px;
   top: 0;
   font-style: normal;
   width: 400px;
}

address h4{
  margin: 0;
  padding: 0;
  margin-bottom: 7px;
 
}

address form input{
  border: none;
  padding: .6em;
  padding-left: 10px;
  width: 92%;
  margin-bottom: 5px;
  color: gray;
  border-radius: 4px;
}
address form textarea{
  color: gray;
  width: 94%;
  height: 5em;
  padding-left: 10px;
  border-radius: 4px;

}

address form .send{
  width: 5em;
  background: black;
  color: white;
}

@media screen and (max-width: 1024px){
  .gmap{
    border: 10px solid #f6f5f0;
    border-radius: 50%;
    height: 430px;
    width: 430px;
    box-shadow: 0px 0px 3px 3px #e7e4dc;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    position: absolute;
    margin-left: 3em;
    top: 1em;
}
  address{
   background-color:rgb(22, 116, 63);
   position: absolute;
   right: 3em;
   padding: 10px;
   color: white;
   height: 480px;
   top: 0;
   font-style: normal;
   width: 400px;
  }

}

@media screen and (max-width: 768px){
  .gmap{
    display: none;
  }
}
@media screen and (max-width: 480px){
  address{
    width: 90%;
   position: absolute;
   right: 0em;
   margin-right: auto;
   margin-left: auto;
   left: 0;
  }
@media screen and (max-width: 320px){
  address{
    width: 90%;
   position: absolute;
   right: 0em;
   margin-right: auto;
   margin-left: auto;
   left: 0;
  }
}