body > header > .wrapper > .logo > a {
width:225px!important;
}

header.page-header.slate-page {
    padding-top: 75px !important;
}

.recipient-info .name {
width:80%!important;
}

main.donation-page>header {
text-align: center!important;
}

main.donation-page img, main.donation-page picture {
    grid-area: photo;
    height: 100%!important;
    object-fit: cover!important;
    object-position: center!important;
width:200px!important;
}

.recipient-photo {
height: 100%!important;
    object-fit: cover!important;
    object-position: center!important;
}


.single-recipient-card {
    padding: 0px!important;
    width: 80%!important;
grid-template-columns: minmax(0, 250px) 1fr!important;
grid-gap: 0px!important;
}

.slate-cart>button[type=button] {
border-color:#59C1D6!important;
font-size:25px!important;
}

.slate-cart>button[type=button]:hover {
background-color:#19323D!important;
color:#ffffff!important;
border-color:#19323D!important;
}

.slate-recipients, .single-recipient-card {
    margin-bottom: 0px!important;

}

.single-recipient-card .recipient-donation{
margin-left: 35px!important;
margin-right:0px!important;
}




.recipient-info.clickable {
margin-left: 10px!important;
}

.donation-buttons {
display:inline-flex!important;
flex-wrap: wrap!important;
}

@media only screen and (max-width: 767px) {
.donation-buttons {
margin-top: 15px!important;
    margin-left: 15px!important;
}
}




.donation-buttons>.other-amount-option {
font-size:25px!important;
}

.donation-buttons>.other-amount-option>label {
font-size:20px!important;
padding-left: 0px!important;
}

.donation-buttons>button {
padding: 10px 10px 13px 10px!important;
font-size: 22px!important;
}

.donation-buttons>button:hover {
background-color:#ECFF16!important;
}

.donation-buttons:not(.suggested-amounts-0)>.other-amount-option.selected, .donation-buttons:not(.suggested-amounts-0)>.other-amount-option.selected>input {
font-size:25px!important;
}


@media only screen and (max-width: 1031px) {
.single-recipient-card {
width: 100% !important;
}

}

@media only screen and (max-width: 767px) {
.single-recipient-card .recipient-donation {
    margin-top: 35px!important;
}
}

@media only screen and (max-width: 534px) {
.recipient-info.clickable {
    margin-left: 20px !important;
}

.single-recipient-card .recipient-info .name {
    font-size: 30px!important;
text-wrap:balance!important;
}

}