.produto-container {
display: flex;
flex-wrap: wrap;
max-width: 1130px;
margin: 60px auto;
font-family: 'alef',sans-serif;
} .produto-item {
flex-basis: calc(25% - 60px); margin: 0 30px 30px 30px; padding: 0 0 10px 0;
background-color: #222222;
box-sizing: border-box;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border-radius: 6px;
text-align: center;
} .produto-image {
width: 100%;
height: auto;
display: block;
margin-bottom: 10px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
} .produto-title {
font-size: 18px; text-decoration: none;
color: #ffffff !important;
text-align: center; padding: 0 15px;
font-family: 'work sans',sans-serif;
}
.produto-excerpt {
font-size: 85%;
color: #bbbbbb !important;
text-align: center; padding: 0 15px;
font-family: 'work sans',sans-serif;
font-style: italic;
} .produto-title:hover {
color: #080808;
} @media screen and (max-width: 768px) {
.produto-item {
flex-basis: calc(33% - 40px); margin: 0 20px 20px 20px; }
} @media screen and (max-width: 480px) {
.produto-container {
margin: 40px auto;
}
.produto-item {
flex-basis: calc(100% - 60px); margin: 0 30px 30px 30px; }
}