.linksContainer {
  font-family: 'Futura Md BT', sans-serif;
  font-size: 10vh;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}

.linksContainer a {
  text-decoration: none;
  font-family: 'Futura Md BT', sans-serif;
  color: black;
}

.center-container {
  font-family: 'Muli', sans-serif;
  text-align: center;
  font-size: 1.2rem;
  vertical-align: middle;
}

.container {
  width: 28%;
  max-width: 1000px;
  text-align: center;
  margin: 0 auto;
}

.container img {
  max-width: 100%;
  height: auto;
}

.contact-root {
  text-align: center;
  max-width: 100%;
  height: 100vh;
  max-height: 100vh;
  margin: auto;
  vertical-align: middle;
}

.contact {
  min-height: 200px;
}

.ciudad-secreta-root {
  padding: 0 0;
  min-height: 500px;
  height: auto;
}

.ciudad-secreta {
  width: 65%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  text-align: justify;
  font-family: Arial, serif;
  font-size: 1.10rem;
  color: #000000;
}

.bio-root {
  padding: 0 0;
  min-height: 500px;
  height: auto;
}

.bio {
  width: 75%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  text-align: justify;
  font-family: Arial, serif;
  font-size: 1.10rem;
  color: #000000;
}

@media (max-width: 600px) {
  .ciudad-secreta {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .bio {
    width: 90%;
  }
}

@media (max-width: 600px) {
  .bio {
    width: 100%;
  }
}

li {
  list-style-type: none;
  margin-right: 1em
}

li:before {
  content: "- ";
  text-indent: 5px;
}

.blacktext {
  font-weight: bold;
}

.image1style {
  max-width: 100%;
  height: auto;
  /* max-height: 810px;
  min-height: 810px;
  min-width: 1013px; */

/* 

  max-height: 810px;
  max-width: 1013px; */
}

.image2style {
  max-width: 100%;
  height: auto;
  /* max-height: 878px;
  min-height: 878px;
  min-width: 722px; */


/* 
  max-height: 878px;
  max-width: 722px; */
}