p {
color:#024873;
font-size:1.3em;
 font-family: "Playfair Display", serif;
 font-weight: normal;
}
h1 {color: #024873;
font-size: 4vw;
font-family:"Paytone One", sans-serif ;
text-shadow: #000 2px 2px 2px;
}
h2 {color: #48590b;
font: size 2em;
font-family: "Paytone One", sans-serif ;
}
#contenedor a{
 text-decoration: none;
 color: rgb(223, 129, 7); 
 font-weight:bold;
}
#contenedor{position: absolute;
top:0;
left:0;
width: 100%;
z-index: 0;
}
.centrado {
width: 100%;
max-width: 1000px;
margin: 0 auto;

}
img {
   width: 100%; 
   display: 0;
   margin: 0 auto;
}
nav{
    z-index: 2;
    width: 100%;
    height: 30px;
    background-color: #a0bce2;
    position:fixed;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 5px;
}
/*a continuación los estilos de botones del menú*/
nav a{
    text-decoration: none;
    color: rgb(119, 69, 4);
    font-family: "Paytone One", sans-serif;
    margin-left: 60px;
    margin-right: 60px;
}
html {
    scroll-behavior: smooth;
}
footer{
    width: 100%;
    height: 70px;
     background-color: #a0bce2;
     text-align: center;
     padding-top: 30px;
}

footer span {
    color: rgb(119, 69, 4);
    font-family: "Paytone One", sans-serif;
}   
#titulo {
    position: absolute;
    z-index: 1;
    top: 10%;
    left: 0;
    width: 100%;
    text-align: center;
}
#fotocelular{
    display: none;
}
#logoplaza{position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
}
#logoplaza img {width: 200px;
margin-top: -20px;
}
.pie{
    width: 100%;
    background-color: #ffffff;
    height: 30px;
    margin-top: -5px;
    padding-top: 5px;
    text-align: center;
}
.pie span{
    font-family: "Playfair Display, serif";
    color: #024873;
    font-size: 1em;
}
/*aquí comienza mis etilos para celular*/
@media screen and (max-width: 1000px) {
nav{ display: none;
}
#fotocelular{
    display: block;
}
#fotocomputador{
    display: none;
}
h1{
    font-size: 2.5em;
}
#titulo{
    top: 0%;
    position: absolute;
    z-index: 1;
    top: 10%;
    width: 100%;
    text-align: center;

}
p{
    margin-left: 10px;
    margin-left: 10px;
}
h2{
    margin-left: 10px;
    margin-left: 10px;
}
#iframecelular{
    height: 250px;
}
#logoplaza{display: none;}
}