#productos .contenedor {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#productos article {
    margin: 15px;
    
}

#productos img {
    width: 100% !important;
    max-width: 430px !important;
}

#productos {
    margin: 20px 0;
}

#productos h1 {
    font-size: 30px;
    text-align: center;
}

#productos h4 {
    margin-top: 15px;
    text-align: center;
}

#productos h4 {
    font-size: 20px;
}

#botonbrochure {
    text-align: center;
    margin-top: 50px;
}

#botonbrochure a {
    text-decoration: none;
    font-size: 20px;
    width: 250px;
    color: #fff;
    background-color: #333;
    padding: 12px;
    border-radius: 7px;
}

#botonbrochure a:hover
{
    background: rgba(0,0,0,0.7);
}

/* -------------- FLIP CARD ------------------ */

.flip-card-back {
    display: none;
}


@media (max-width: 435px){
    .flip-card {
        width: 320px;
        height: 270px;
    }
    
    .flip-card-back h1{
        font-size: 15px;
    }
    
    .flip-card-back p{
        font-size: 12px;
    }
}

@media (min-width: 1024px){
    .flip-card {
      background-color: transparent;
      width: 430px;
      height: 340px;
    }

    .flip-card:hover .flip-card-inner {
      transform: rotateY(180deg);
    }

    .flip-card-back {
      background-color: #04A46C;
      color: white;
      transform: rotateY(180deg);
      display: block;
    }

    .flip-card-inner {
      position: relative;
      width: 100%;
      height: 100%;
      text-align: center;
      transition: transform 0.6s;
      transform-style: preserve-3d;
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    }


    .flip-card-front, .flip-card-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
    }
}