#mapa{
  padding: 0;
}

#surco{
  background: url(images/surco.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

#miraflores{
  background: url(images/miraflores.jpg)no-repeat;
    background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

#san-isidro{
  background: url(images/san-isidro.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.main .content h1{
  color: #fff;
  font-size: 100px;
  font-weight: 600;
}

.main .content h3{
  color: #f3f0e5;
  font-size: 30px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: 1px;
}

@media (max-width: 1040px){
  .main .content h1{
    font-size: 80px;
  }
  .main .content h3{
    font-size: 30px;
  }
}
@media (max-width: 867px){
  .main .content h1{
    font-size: 40px;
  }
  .main .content h3{
    font-size: 16px;
  }
}


.main .media-icons{
  z-index: 888;
  position: absolute;
  right: 30px;
  display: flex;
  flex-direction: column;
  transition: 0.5s ease;
}

.main .media-icons a{
  color: #fff;
  font-size: 1.6em;
  transition: 0.3s ease;
}

#surco .media-icons a:not(:last-child){
  margin-bottom: 20px;
}

#surco .media-icons a:hover{
  transform: scale(1.3);
}

#miraflores .media-icons a:not(:last-child){
  margin-bottom: 20px;
}

#miraflores .media-icons a:hover{
  transform: scale(1.3);
}

#san-isidro .media-icons a:not(:last-child){
  margin-bottom: 20px;
}

#san-isidro .media-icons a:hover{
  transform: scale(1.3);
}

@media (max-width: 1060px){
  #mapa{
    height: 250px;
  }