body {
 background: url("/Imágenes/hauntología.jpg") no-repeat;
 background-attachment: fixed;
 background-size: 100%
}

.encabezado{
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  margin: 0 -8.3px 0 -8.3px
  }
  
  .contenido{
   background:black;
   margin: 50px 200px 50px 200px;
   border: 4px solid #ccc;
   font-family: "Candara"
  }
h1 {
  font-size: 70px;
  text-align: center;
  color:white;
  font-family: "Mistral";
  margin: 0 0 0 0;
  padding-top:1%;
  letter-spacing:7px;
  background: black
}
h2{
font-size: 18px;
background: #D1CCCB;
 padding: 15px 0 15px 0;
 text-align: center;
 color:black;
 word-spacing:175px;
 margin:0 0 0 0;
 
}
h3{
 text-align:center;
  font-size: 22px;
  font-weight:bold;
  
    Background-color:black;
    color:white;
  padding: 0 50px 0 50px;
  font-family: "candara";
}
p{
  text-align:left;
  font-size: 18px;
  line-height:1.75;
    Background-color:black;
    color:white;
  padding: 0 50px 0 50px;
  font-family: "candara";
}
img{
  display: block;
  margin:0 auto;
  max-width: 75%;
  max-height: 500;
  background: black
}
a{
 color: #FCBBF0
}
a.navigation{
 color:black;
 text-decoration:none
}
a.navigation:hover{
 color: #FCBBF0
}
span{
font-style: italic 
}

iframe{
  width: 800px;
  height: 450px;
  margin-left:13.5%
 }
 
 .cita{
   margin-bottom: 0;
   margin-top: 0
 }
 #bibliografia{
  margin-bottom:50px 
 }
 
 hr{
   height: 3px;
  margin: 25px 650px 25px 50px; 
  background:#D1CCCB
 }
 
 .dedicatoria {
  text-align: right;
  margin-left: 400px
 }
 
 

@media (orientation: portrait) { 
  
  body{
  background: url("/Imágenes/Fondo-Post.jpeg") no-repeat;
 background-attachment: fixed;
 background-size: 100%
}
.encabezado{
 justify-content: flex-start;
 margin-top:-5px;
 flex-direction: column;
 height:auto
}
.contenido {
  font-size: 20px;
  margin-left: 10%;
  margin-right: 10% 
}
iframe{
width:560px;
  height:315px
}
hr{
  margin-right:450px
  }
h1{
 font-size:50px 
}
p{
 font-size:20px 
}

.dedicatoria {
  text-align: right;
  margin-left: 200px
 }

}