.s-top{height: calc(100% - 70px); margin-top: 70px;}
.b-top-text{position: relative; float: left; width: 45%; height: 100%; background-color: var(--color4);}
.b-top-img{position: relative; float: right; width: 55%; height: 100%; background-image: url('../img/img-donation-top.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center;}
.b-top-cont-text{position: absolute; left: 10%; top: 50%; transform: translateY(-50%); width: 85%;}
.b-top-cont-text h1{color: var(--bg); font-family: BrandonBold; font-size: 4vw; padding: 6% 0 4% 0;}
.b-top-cont-text h6{color: var(--bg); font-size: 2vw; padding-bottom: 6%;}
.a-top-cont{position: relative; display: inline-block; width: 30%; border: 1px solid var(--bg); border-radius: 25px; transition: 0.3s;}
.a-top-cont::after{content: ""; display: block; padding-bottom: 33%;}
.a-top-cont i{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-48%); color: var(--bg); font-size: 1.4vw;}
.a-top-cont:hover{background-color: var(--bg);}
.a-top-cont:hover i{color: var(--color4);}
.b-form{float: left; width: 45%; text-align: center;}
.b-text{float: right; width: 55%;}
.b-text p{font-size: 1.6vw; line-height: 1.5;}
.b-for-img{display: grid; grid-template-columns: auto auto; grid-gap: 33px; padding-top: 20px;}
.b-for-img div{background-repeat: no-repeat; background-size: cover; background-position: center;}
.b-for-img div::after{content: ""; display: block; padding-bottom: 100%;}
.b-for-img div:nth-child(1){background-image: url('../img/img-donation-troy-and-vet.jpg');}
.b-for-img div:nth-child(2){background-image: url('../img/img-delivery-food-300.jpg');}
.b-for-img div:nth-child(3){background-image: url('../img/img-donation-vaccinations-300.jpg');}
.b-for-img div:nth-child(4){background-image: url('../img/img-adoption-300.jpg');}
.a-donate-paypal{display: inline-block; width: 60%; height: 56px; line-height: 54px; font-style: italic; font-size: 1.6vw; background-color: var(--bg); border-radius: 4px; border: 1px solid #e1e1e1; border-bottom: 3px solid #e1e1e1;}
.a-donate-paypal span{font-style: italic; font-weight: bold;}
/*********************************/
@media only screen and (max-width: 767px) {
.b-top-text{width: 100%; height: 50%;}
.b-top-img{width: 100%; height: 50%;}
.b-top-cont-text{left: 20px; height: calc(100% - 40px); width: calc(100% - 40px);}
.b-top-cont-text h1{font-size: 9vw; padding: 0 0 10px 0; line-height: 1.2;}
.b-top-cont-text h6{font-size: 5vw; padding-bottom: 6%;}
.a-top-cont{width: 45%; border-radius: 35px;}
.a-top-cont i{font-size: 5.2vw;}
.b-form{width: 100%; padding-top: 30px;}
.b-text{width: 100%;}
.b-text p{font-size: 4.5vw;}
.b-for-img{grid-gap: 10px; padding-top: 20px;}
.a-donate-paypal{width: calc(100% - 40px); font-size: 5vw;}
}