body{
 align-content: center;}

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

.foto{
 margin: auto;
 max-width: 300px; 
 padding: 5px;
 border: 1px solid #fff;}

.foto img{
 max-width: 100%;}

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

.frase{
 color: #855a25;
 }

.texto p{
 color: white; 
 text-align: center;
 padding: 20px 20px;
 margin-top: -60px;}

 .formulario{
    margin-top: -25px;
 }

 .formulario .etiquetas{
    color: white;
    font-size: 20px;


 }

form{
 width: 80%;
 margin: auto;
 padding: 20px 20px;
 box-sizing: border-box;}

input, textarea{
 width: 100%;
 margin-bottom: 20px;
 padding: 7px;
 box-sizing: border-box;}

textarea{
 height: 200px;
 min-height: 200px;
 max-height: 230px;
 min-width: 100%;
 max-width: 100%;}



 .combo{
 cursor: pointer;
 padding: 7px 25px;
 width: 100%;
 max-width: 100%;
 margin-bottom: 20px;
 }

.cajas:focus{
    ouyline:  none;
    box-shadow: 0 0 0 6px rgba(133, 90, 37, 0.9);
 }

  .combo:focus{
    ouyline:  none;
    box-shadow: 0 0 0 6px rgba(133, 90, 37, 0.9);
 }


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){
 .texto a{ font-size: 30px; }
}

@media(min-width:1280px){
 .foto{ max-width: 400px; margin-top: 80px; }
 footer{ margin-top: 5%; } 
}

@media(min-width:1680px){
 .foto{ max-width: 700px; margin-top: 20px; }
}