.title-h2{ margin: 20px; font-size: 40px; font-weight: bold; } .recomendation .product{ margin: 20px 0; position: relative; } .recomendation .image-container{ display: block; border-radius: 27px; overflow: hidden; } .image-container img{ width: 100%; height: 100%; } .product .price{ display: inline-block; padding: 7px; background-color: #D9D9D9; position: absolute; top: 20px; left: 30px; border-radius: 20px; font-size: 16px; font-weight: bold; } .button-more{ padding: 10px; margin: 10px 0 30px 0; color: #fff; font-weight: bold; font-size: 32px; background-color: #727272; border: none; border-radius: 30px; } @media (max-width: 1200px) { } @media (max-width: 992px) { } @media (max-width: 768px) { .title-h2{ margin-top: 0; font-size: 32px; } .button-more{ padding: 4px; font-size: 20px; } } @media (max-width: 576px) { .title-h2{ font-size: 26px; } } @media (max-width: 398px) { }