h1{font-size: 2em;}
h2{font-size: 1.8em;}
h3{font-size: 1.6em;}
h4{font-size: 1.4em;}
.cuerpo {
  background: #fff;
}
@media screen and (min-width: 981px){
  .lugar{
    height: 400px;
    text-align: center;
  }
  .datos{
    float:left;
    height: 100%;
    vertical-align: middle;
    width: 50%;
  }
  .mapa{
    float: right;
    align-content: center;
    vertical-align: middle;
    width: 50%;
  }
  .mapa iframe{
    width: 500px;
    height: 350px;
  }
}
.facebook {
  width: 450px;
  align-content: center;
  margin-top: 2em;
}
.facebook iframe{
  width:340px;
  height:260px; 
}
@media screen and (max-width: 980px){
  .facebook {
    width: 100%;
    align-content: center;
  }
  .mapa iframe{
    width:100%;
    height:350px; 
  }
}