.qr-wrapper { background-color: #FFF; padding: 10px; padding-bottom: 5px; display: inline-block; } .qrcode-col { margin: 20px auto 10px; text-align: center; @media (min-width: 992px){ margin: 0px auto 0px; } } .fiat { display: block; @media (min-width: 992px){ display: inline-block; margin-left: 10px; } } .table { tr td { &:last-child { text-align: right; @media (min-width: 576px) { text-align: left; } } } } h1 { margin: 0px; padding: 0px; margin-right: 10px; font-size: 1.9rem; @media (min-width: 576px) { font-size: 2rem; float: left; } @media (min-width: 768px) { font-size: 2.5rem; } } .address-link { line-height: 56px; margin-left: 0px; top: -2px; position: relative; @media (min-width: 768px) { line-height: 69px; } } .row{ flex-direction: column; @media (min-width: 576px) { flex-direction: row; } } @media (max-width: 767.98px) { .mobile-bottomcol { margin-top: 15px; } .details-table td:first-child { white-space: pre-wrap; } } .tx-link { display: block; width: 100%; top: 12px; position: relative; @media (min-width: 576px) { top: 14px; } @media (min-width: 768px) { top: 20px; } }