/* Tiers
----------------------------------------
 */

.donate-row{
    display: flex;
    gap: 20px;
}

.tier{
    flex: 1; /* Every tier gets the same width */
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.tier h3{
    font-size: 1.6rem;
}

.tier .tier-price{
    font-size: 3.5rem;
    line-height: 1.2; /* Stops the big number from adding empty space above and below itself */
    margin: 5px 0;
}

.tier .text-muted{
    font-size: 1.2rem;
    margin: 0;
}

.tier .tier-rank{
    margin: 15px 0 25px 0;
}

.tier .button{
    display: block; /* Makes the button as wide as the box */
    text-align: center;
    margin-top: auto; /* Pushes the button to the bottom so all three line up */
}

/* Help
----------------------------------------
 */

#donate-help{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 30px;
    padding: 15px 20px;
}

@media only screen and (width < 600px) {
    .donate-row, #donate-help{
        flex-direction: column;
    }
}