.sumate-bloque{ margin-bottom: 50px; .row{ .col-md-6{ padding: 50px; border: 1px solid $claro; margin-top: 125px; margin-left: 10px; margin-right: 10px; border-radius: 10px; &:hover{ box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); } img{ width: 350px; margin: 0 auto; margin-top: -225px; user-select: none; } h2{ margin-top: 0px; } ul{ margin-bottom: 40px; } @media (min-width: 992px) { .btn{ width: 100%; } } } } @media (max-width: 992px) { .row .col-md-6 { margin-top: 0; margin-left: 50px; padding-left: 100px; position: relative; img{ position: absolute; width: 200px; margin: auto; left: -100px; top: -20px; } } .row .col-md-6:not(first-child){ margin-top: 20px; } } @media (min-width: 992px) { .row{ display: flex; .col-md-6{ display: flex; flex-direction: column; p, ul{ flex-grow: 1; } .btn{ align-self: flex-end; } .inner{ display: flex; flex-direction: column; } } } } } .webform-confirmation__message{ text-align: center; p{ margin-bottom: 10px; } img{ width: 300px; margin-top: -50px; margin-bottom: -30px; } .btn{ margin-top: 20px; } } .webform-svg{ background-color: red; }