#contenedor{ 
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}
.texto_centrado{
    width:100%;
    max-width:1000px; 
    margin:0 auto;
}
.texto_centrado p{
    color:rgb(0, 0, 0);
    font-size:1.2em;
    font-family: 'Assistant', sans-serif;
}
.texto_centrado h2{
    color:#A67538;
    font-size: 2.5em;
    font-family: 'Gloock', serif;
}
.foto100 {
    width:100%;
}
.foto100 img{
    width:100%;
}
#titulo {
    position:absolute;
    top: 20%;
    left:9%;
    right:50%;
    z-index:2;
    background-color: rgba(57, 77, 89, 0.7);
}
#titulo h1{
    color:#ffffff;
    font-size: 3.5vw;
    font-family: 'Gloock', serif;
    margin-left: 10px;
}
nav{
    width:100%;
    height:30px;
    background-color:rgb(57, 77, 89);
    position:fixed;
    top:0;
    left:0;
    z-index:3
}
#centrar_menu{
    width:1000px;
    margin:0 auto;
    padding-top: 5px;
}
#centrar_menu a{
    margin-left:135px;
    text-decoration:none;
    color:#ffffff;
    font-size: 1.2em;
    font-family: 'Assistant', sans-serif;
}
html{
    scroll-behavior:smooth;
}
footer{
    width: 100%;
    height: 100px;
    background-color: #394D59;
    text-align: center;
    padding-top: 20px;
}
footer span{
    color:#ffffff;
    font-size: 1.2em;
    font-family: 'Assistant', sans-serif;
}
.fotoypie{
    width:100%;
}
.foto_centrado{
    width:100%;
}
.foto_centrado img{
    width:100%;
}
.pie{
    width: 100%;
    height: 20px;
    background-color: #394D59;
}
.pie span{
    color:#ffffff;
    font-size: 0.8em;
    font-family: 'Assistant', sans-serif;
    margin-left:10px;
}
h3{
    color:rgb(37, 37, 37);
    font-size: 2em;
    font-family: 'Assistant', sans-serif;
    font-style:italic;
    text-align: center;
    margin-left: 50px;
    margin-right: 50px;
}
#twitter1 {
    width: 80%;
    margin: auto;
    }
#twitter2 {
    width: 70%;
    margin: auto;
}
#fotocelular {
    Display:none;}

.juxtaposehorizontal {
    display: none;
}


/*Aquí comienzan los estilos del celular*/
@media only screen and (max-width: 600px){
    #fotocomputador{display: none;
    }
    #fotocelular{display: block;
    }
    nav{display: none;
    }
    .juxtaposehorizontal {
        display: block;
    }
    .juxtaposevertical {
        display: none;
    }
    #titulo{
        top:25%;
        left: 15%;
        background-color:#394d5900;
    }
    #titulo h1{
        font-size: 1.8em;
    }
    p{
        margin-left: 10px;
        margin-right: 10px;
        font-size: 0.5em;
    }
    .texto_centrado h2{
        margin-left: 20px;
        margin-right: 10px;
        font-size: 1.2em;
    }
    h3{
        font-size: 1.5em;
        margin-left: 10px;
        margin-right: 10px;
    }
    
    
}