* {
  font-family: Arial, Helvetica, sans-serif;
}

body {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3em;
}
#foto img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
  object-fit: cover;
}

#foto {
  width: 15%;
  text-align: center;
  float: left;
  margin-top: 1em;
}

#contenido {
  width: 85%;
  float: left;
}

#info-personal,
#tutorias,
#docencia {
  margin-left: 2em;
}

#pie {
  border-top: solid 1px black;
  font-size: smaller;
}
#pie p {
  margin: 0.2px;
}

#pie-izquierda {
  float: left;
  text-align: left;
  width: 50%;
}
#pie-derecha {
  float: right;
  text-align: right;
  width: 50%;
}

@media screen and (max-width: 800px) {
  body {
    margin: 0 auto 0 auto;
  }
  #foto {
    margin: 0 auto 0 auto;
    max-width: 200px;
    min-width: 100px;
    float: none;
    text-align: center;
  }
  #contenido {
    width: 100%;
    float: none;
    margin: .2em;
  }
 
  h1,h2,h3 {
    text-align: center;
    margin: 1em auto 1em auto;
  }
  #pie,
  #pie-derecha,
  #pie-izquierda,
  #cabecera{
    width: 100%;
    float: none;
    text-align: center;
    margin: 1em auto 1em auto;
  }

}