@import url('https://fonts.googleapis.com/css2?family=Noto+Serif&family=Outfit&display=swap');
/* Holi */
html, body, h1, h2, h3, ul, li {
  margin: 0;
  padding: 0;
}

/* etiquetas */
body{
  background-image: url(../img/fondo.jpg);
font-family: 'Outfit', sans-serif;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11 {
font-family: 'Noto Serif', serif;}

/* Selectores de color */
/* fondo */
.contenedor-Kiki {
  margin: 0 auto;
  width: 70%;
  background-color: rgb(226, 194, 185, 0.95);
}


.cabeza-Kiki {
  text-align: center;
  padding: 10px;
}

.banda-Kiki {
  background-color: rgb(153, 167, 153);
}

.cuerpo-Kiki {
  padding: 10px;
  overflow: hidden;
}
.menu {
  display: inline-block;
  padding: 10px;
  list-style: none;
}

.vinculo {
  color: white;
  text-decoration: none;
  padding: 10px;
}

.vinculo:hover {
  color: black;
  background-color: rgb(211, 228, 205);
  text-decoration: none ;
}

.adaptable {
  width: 100%;
  height: auto;
  display: block;
  margin: auto;
}
.columna { width: 50%;
float:left ;}
.adaptable2
{ width: 45%;
height: auto;
display: block;
margin: auto;}

.adaptable3 { width: 30%;
  height: auto;
  display: block;
  margin: auto; }
.pie {
  font-size: 24px;
  text-align: center;
  color: grey;
  background-color: rgb(226, 194, 185);
  padding: 50px;
}
.adaptable4 { width: 5%;
  height: auto;
  display: block;
  margin: auto; }

@media screen and (max-width: 800px) {
  .contenedor-Kiki {
    width: 100%;}  }
      .columna { width: 50%;} }

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