.header {
  /*background: url(../img/foto2.jpg) no-repeat center;*/
  background-size: cover;
  min-height: 100vh;
}




body {
	background:url(img/foto2.jpg); /* Nuestra textura */
	background-repeat:repeat; /* Indicamos que la textura se repetira */
	background-attachment: fixed; /* Establecemos una posicion fija para la textura */
	/* Eliminamos la propiedad de background-size */
}


.header .navbar {
  background-color: transparent !important;
}
.navbar-nav{
    text-align: right;
    position: relative;
    float: right
    ;
}


a {
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
}

a:hover, a:focus {
    background-size: 100% 2px;
}



#img-holder{
    padding-top:-500px
  }
  
  #img {
    max-width: 225px;
    height:auto;
    border-radius: 50%;
    text-align:left;
  }
  
  
  #about {
    background-color: rgba(255, 255, 255, 0.747);

    text-align:center;
  }
  
  .titulocontacto{
    font-family: 'Playfair Display', serif;
    text-align: center;

  }
  #bio {
    font-family: 'open sans', sans serif;
    font-size: 120%;
    text-align: right;
    color: #121210;
  }


.tipoTitulo{
    padding-top: 3%;
    font-family: 'Playfair Display', serif;

    text-align: center;
   

}
.datos{
    padding-top:20px;
}
.definicion{
    font-family: 'Inconsolata', monospace;
    font-size: 20px;
}
.SectionContacto{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.containerCabecera{
  margin-left: auto!important;
  margin-right: auto!important;
}

@media(max-width:800px){


  .line1,.line2{
    display: none;
  }
  .Cabecera{
    margin-bottom: -60vw!important;
  }
}


@media(min-width:992px){
    #img-holder {
    padding-top: 30px;
    padding-bottom: 70px;

  }
     #bio{
        font-size: 150%;
      padding-top:40px;
    padding-bottom: 70px;
       text-align:right;
    }
  }
  



  
   .p{


    padding-top: 10%;
   
   }








.ml1 {
    font-weight: 900;
    font-size: 3.5em;
    text-align: center;

  }
  
  .ml1 .letter {
    display: inline-block;
    line-height: 1em;
  }
  
  .ml1 .text-wrapper {

    position: relative;
    display: inline-block;
    padding-top: 0.1em;
    padding-right: 0.05em;
    padding-bottom: 0.15em;
  }
  
  .ml1 .line {
    opacity: 0;
    position: absolute;
    left: 0;
    height: 3px;
   

    width: 100%;
    background-color: #fff;
    transform-origin: 0 0;
  }

  .ml1 .line1 { 
      
    top: 0; }
  .ml1 .line2 { bottom: 0; }
  
  
  .ml5 {
      font-style: oblique;
    position: relative;
    font-weight: 300;
    font-size: 4.5em;
    color: #402d2d;
    text-align: center;

  padding-bottom: 20px;
 
  }
  
  .ml5 .text-wrapper {
      
    position: relative;
    display: inline-block;
    padding-top: 0em;
    padding-right: 0.05em;
    padding-bottom: 0.3em;
    line-height: 1em;
  }
  
  .ml5 .line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 3px;
    width: 100%;
    
    background-color: #402d2d;
    transform-origin: 0.5 0;
  }
  

  .ml5 .letters {
    display: inline-block;
    opacity: 0;
  }




  
  .ml12 {
    font-weight: 200;
    font-size: 1.8em;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    text-align: center;
  }
  
  .ml12 .letter {
    display: inline-block;
    line-height: 1em;
  }