@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');    /*Nombre*/

body{
 align-content: center;}

.bloqueAcerca{
 width: 80%;
 margin: 80px auto;
 margin-bottom: 70px;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 border: 1px solid #333; 
}

.foto{
 margin: auto;
 max-width: 680px; 
 padding: 5px;
 /*border: 2px solid #fff;*/}

.foto img{
 margin-top: -30px;
 max-width: 100%;}

.texto{
 margin: 20px auto;
 border: 2px solid #efb810; 
 width: 90%;    
 max-width: 680px; 
 color: white;}

.texto p{
 font-size: 18px; 
 text-align: center;
 padding: 20px;}

 .frase{
 color: #855a25;}

.nombre{
 color: #855a25;
 font-family: 'Playfair Display', serif;}


footer{
 margin-top: 10%;}


/***************RESOLUCIONES**************/

@media(min-width:600px){
 .texto p{ font-size: 23px; }
}


@media(min-width:800px){
 footer{ margin-top: 8%; }
}

@media(min-width:1024px){
 .foto{ margin-top: 100px; }
}

@media(min-width:1280px){
 .foto{ max-width: 400px; margin-top: 180px; }
 .foto img{ margin-top: -110px; } 
 footer{ margin-top: 5%; }
 .texto .boton{ margin-top: 80px; }
 .texto .newBoton{ margin-top: 8px; }
}


@media(min-width:1680px){
 .foto{ max-width: 600px; margin-top: 160px; }
 .texto .boton{ margin-top: 160px; }
 .texto .newBoton{ margin-top: 8px; }
}