#foto{
    height: 320px;
    
}

*{
    font-family: 'Handlee', cursive;
}



.about{
    background-color: #dbdbdb;
}

.galeria{
    display: flex;
    flex-wrap: wrap;
    justify-content:center;    
}

#portada{
    font-family: 'Shadows Into Light', cursive;
    color: #77770f;
    font-size: 4em;
}

#titulo{
    display: inline-block;
    font-family: 'Shadows Into Light', cursive;
    margin: auto 15px;
    font-size: 1.6em;
}

.shipwrecked{
    font-family: 'Ranchers', cursive;
    font-size: 1.2em;
}

#sidebar strong{    
    font-family: 'Ranchers', cursive;
    color: #c9c930;
}

#resumen{
    font-family: 'Shadows Into Light Two', cursive;
}


.bg-black{
    background-color: black;
}

.bg-black h2{
    color: white;
    margin: 0px;
}

#sidebar {
    display:block;
    position:fixed;
    z-index:100001;
    bottom:40px;
    left:0px;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}

#sidebar a{
    margin:auto;
    padding:20px 30px 20px 15px;
    text-align:left;
    position:relative;
    background:rgba(0, 0, 0, 0.74);
    border-radius: 10px 0px 0px 10px;
    font-size: 1.5em;
}

@media (max-width: 600px) {
    #sidebar a{
        padding: 10px 8px 10px 8px;
        font-size: 0.8em;
    }
}
.bg-black strong{
    color: aqua;
}

hr{
    margin: 10px auto 20px;
}

.bg-white{
    background-color: white;
}

p strong{
    color: #a2a202;
}

.bg-black p{
    color: white;
}
#cuerpobio{
    background-image:url(../img/bio1.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

#librovisitas{
    font-size: 2em;
    font-weight: 900;
}

#piebio{
    clear: both;
}

#fotocompleta{
    float: right;  
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* Video */
.videoseccion {
    display: table;
    width: 100%;
    height: 100%;
    color: #fff;
    background: url(../img/Videos.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

div{
  // border: 1px solid black;
}
#Fotos .pic{
    overflow: hidden;
}

#Fotos img{    
    transition: all 0.4s linear;
    opacity: 0.8;
}

#Fotos img:hover{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5) rotate(10deg);
    opacity: 1;        
}