@media screen and (max-width:600px) {
    .logo img {
        max-height: 50px;
        padding: 3px;
    }
    #donate form {
        width: 100%;
        padding: 10px;
    }
    .box {
        padding: 20px;
        margin: 20px auto;
    }
    #donate form {
        margin: 10px auto;
    }
    #donate button {
        float: inherit;
        margin: 0 auto 20px;
        display: table;
    }
    #donate button:hover,
    .radio:hover {
        background: #ff5100;
        border-color: #ff5100;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.25), inset 0 3px 3px 0 rgba(0,0,0,.25);
    }
    footer img {    
        max-height: 50px;
        padding: 10px 30px;
    }
}


@media screen and (max-width:600px) {
    .radio {
        width: 46%;
        margin: 20px 2% 0;
    }
    #donate button:hover,
    #donate button:focus {
        transform: scale(1);
    }
}