.metodos{
    
    margin: 5% 10%; 
 
}
.metodos p{
   
    font-size: 15px;
    
}


.metodo_1{
    justify-content: center;
    overflow: hidden !important;
   display:flex;
   align-items: center;
       flex-wrap: wrap;

    width:80%; 
    background-color:#fff; 
    margin: 50px auto;
    overflow: auto;

    border: 2px solid #C0C0C0;
    
border-radius: 6px;
}


.metodo_1 img{
   width:100%;
  
}
.img-met{
  width: 200px;
  display: inline-block;
  float: left;
}
.colp{
    width: 200px;
  display: inline-block;
  float: left;
}
.colp h4{
    margin: 20px 0 5px 0;
  
}
.cola{
    margin:5% 0;
    width: 150px;
  display: inline-block;
   float: left;
    padding: 5% 0;
    text-align: center;
    border: 1px solid #08123c;
 border-radius: 6px;
}
.cola:hover{
    border: 1px solid #F09321;
}

.metodos a{
    width: 100%;
   
    color: #08123c;
    padding: 25% 0;

    
}
.metodos a:hover{
    
    color: #F09321;
    
    
}

.cdacoluna{
    max-width: 400px;
    min-width: 300px;
    display:flex;
    flex-direction: column;
    justify-content: space-around;
}
}