@media (width < 576px){

    .contenedor{
      min-height: 90vh;
      background: no-repeat center center scroll;
  }
  
  .pading{
      padding-top: 20px;
  }
  
  .texto{
      color: #000000;
      background-color: #f3d235;
      font-weight: 100;
      font-size:large;
      width: 100%;
      font-weight: bold;
      text-align: center;
    }
  
    .titulo{
      background-color: #000000;
      flex-direction: row;
      flex-wrap: nowrap;
      margin-bottom: 35px;    
    }
  
    .LetreroClientes{
      align-self: center;
    }
  
    .LetreroClientes p{
      color: #e8b923;
      font-weight: bold;
      font-weight: 700;
      font-size: x-large;
      /*margin-left: 50px;*/
      background-color: #000000;
      text-align: center;
    }

    .card {
        margin-bottom: 1rem;
    }
  }
  /*------------------------------------------------------------------------------------------------*/
  @media (576px <= width < 768px){
  
    .contenedor{
      min-height: 90vh;
      background: no-repeat center center scroll;
  }
  
  .pading{
      padding-top: 20px;
  }
  
  .texto{
      color: #000000;
      background-color: #f3d235;
      font-weight: 100;
      font-size:large;
      width: 100%;
      font-weight: bold;
      text-align: center;
    }
  
    .titulo{
      background-color: #000000;
      flex-direction: row;
      flex-wrap: nowrap;
      margin-bottom: 35px;    
    }
  
    .LetreroClientes{
      align-self: center;
    }
  
    .LetreroClientes p{
      color: #e8b923;
      font-weight: bold;
      font-weight: 700;
      font-size: x-large;
      /*margin-left: 50px;*/
      background-color: #000000;
      text-align: center;
    }

    .card {
       margin-bottom: 1rem;
    }
  }
  /*------------------------------------------------------------------------------------------------*/
  @media (768px <= width < 992px){
    .contenedor{
      min-height: 90vh;
      background: no-repeat center center scroll;
  }
  
  .pading{
      padding-top: 100px;
  }
  
  .texto{
      color: #000000;
      background-color: #f3d235;
      font-weight: 100;
      font-size:large;
      width: 100%;
      font-weight: bold;
      text-align: center;
    }
  
    .titulo{
      background-color: #000000;
      flex-direction: row;
      flex-wrap: nowrap;
      margin-bottom: 35px;
      height: 15rem;    
    }
  
    .LetreroClientes{
      align-self: center;
    }
  
    .LetreroClientes p{
      color: #e8b923;
      font-weight: bold;
      font-weight: 700;
      font-size: x-large;
      /*margin-left: 50px;*/
      background-color: #000000;
      text-align: center;
    }

    .card {
        align-self: auto;
        width: 20rem;
        /*height: 150px;
        width: 150px;*/
    }

    .card>a>img{
        height: 150px;
        width: 100%;
    }

    .flexer-container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 15px;

    }
  }
  /*------------------------------------------------------------------------------------------------*/
  @media (992px <= width < 1200px){
      .contenedor{
          min-height: 90vh;
          background: no-repeat center center scroll;
      }
  
      .pading{
          padding-top: 100px;
      }
  
      .texto{
          color: #000000;
          background-color: #f3d235;
          font-weight: 100;
          font-size:large;
          width: 100%;
          font-weight: bold;
          text-align: center;
        }
  
        .titulo{
          background-color: #000000;
          flex-direction: row;
          flex-wrap: nowrap;
          margin-bottom: 35px;   
          height: 15rem; 
        }
  
        .LetreroClientes{
          align-self: center;
        }
      
        .LetreroClientes p{
          color: #e8b923;
          font-weight: bold;
          font-weight: 700;
          font-size: x-large;
          /*margin-left: 50px;*/
          background-color: #000000;
          text-align: center;
        }

        .card {
            align-self: auto;
            width: 20rem;
            /*height: 150px;
            width: 150px;*/
        }

        .card>a>img{
            height: 150px;
            width: 100%;
        }

        .flexer-container {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            gap: 15px;

        }
  }
  /*------------------------------------------------------------------------------------------------*/
  @media (width >= 1200px) {
  
      
    .contenedor{
        min-height: 70vh;
        background: no-repeat center center scroll;
        align-items: flex-start;
    }
      .pading{
          padding-top: 100px;
      }
  
      .texto{
          color: #000000;
          background-color: #f3d235;
          font-weight: 100;
          font-size:large;
          width: 100%;
          font-weight: bold;
          text-align: center;
        }
  
        .titulo{
          background-color: #000000;
          flex-direction: row;
          flex-wrap: nowrap;
          margin-bottom: 35px; 
          padding-bottom: 10px;   
          height: 15rem;
        }
  
        .LetreroClientes{
          align-self: center;
        }
      
        .LetreroClientes p{
          color: #e8b923;
          font-weight: bold;
          font-weight: 700;
          font-size: x-large;
          /*margin-left: 50px;*/
          background-color: #000000;
          text-align: center;
        }

        .flexer-container {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            gap: 15px;

        }
        
        .card {
            align-self: auto;
            width: 20rem;
            /*height: 150px;
            width: 150px;*/
        }

        .card>a>img{
            height: 150px;
            width: 100%;
        }
  
  }