p { margin: 0}

.products {
    display: flex;
    flex-wrap: wrap;
    padding: 60px;
    max-width: 1400px;
    margin: 0 auto;
 
}

.products .img-container {
    flex: 1 1 500px;
    display:flex;
    justify-content: center;


}

.products .content-container {
    flex: 1 1 500px;
    display: flex;
    flex-direction: column;
    gap:20px;
}

.brochures {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 50px));
    row-gap: 20px;
    
}

.brochures img {
    max-width: 92px;
}

.brochures .card{
    display: flex;
    flex-direction: column;
    align-items: center;
    
}

.brochures p {
    color: red;
    text-align: center;
}

.brochures a {
    transition: transform 0.5s ease-out
}

.brochures a:hover {
    transform: scale(1.15)
}