#contenedor{
    width: 100%;
    position: absolute;
    top: 0%; 
    left: 0%;
}
.centrado{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.foto_gr{
    width: 100%;
}
.foto_gr img{
    width: 100%;
}
.centrado img{
    width: 100%;
}
h2{
    color: rgb(242, 126, 147);
    font-size: 2em;
    font-family:"Libre Baskerville", serif;
}
p{
    color: #000000;
    font-size: 1.3em;
    font-family: "M PLUS Rounded 1c", sans-serif;
}
#titulo{
    position: absolute;
    top: 45%;
    left: 55%;
    right: 4%;
    z-index: 2; /*este estilo es para poner al frente un objeto*/
}
h1{
    font-family:"Libre Baskerville", serif;
    color: #bf4158;
    text-shadow: #f2f2f2 2px 2px 2px;
    font-size: 3.2vw;
}
nav{
    width: 100%;
    height: 65px;
    background-color: #bf4158;
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 3;
    padding-top: -25px;
}
nav a{
    text-decoration: none;
    color: #f2f2f2;
    font-family:"Libre Baskerville", serif;
    font-size: 1em;
    margin-left: 130px;
}
#centrar_menu{
    width: 1000px;
    height: auto;
    margin: 0 auto;
    margin-top: -40px;
}
html{
    scroll-behavior: smooth;
}
footer{
    width: 100%;
    height: 120px;
    background-color: #bf4158;
    text-align: center;
    padding-top: 20px;
}
footer span{
    color: black;
    font-family:"Libre Baskerville", serif;
    font-size: 1.3em;
}
body{
    background-color: #f2f2f2;
}
#foto_celular{
    display: none;
}
#iframe_celular{
    display: none;
}
/*Aquí comienzan mis estilos de celular*/
@media only screen and (max-width: 600px) {
    nav {
        display: none;
    }
    #foto_computador{
        display: none;
    }
    #foto_celular{
        display: block;
    }
    #titulo{
        top: 5%;
        left: 12%;
    }
    h1{
        color: #f2f2f2;
        font-size: 2em;
        text-shadow: #bf4158 2px 2px 2px;
  } 
  p{
    margin-left: 15px;
    margin-right: 15px;
  }
  h2{
    margin-left: 15px;
    margin-right: 15px;
  }
  #iframe_celular{
    display: block;
}
#iframe_computador{
    display: none;
}
footer{
    height: 145px;
}
}
  /*Los estilos para celular es lo último que debe haber en el código de estilos css o si no no funciona*/