/* =============================================
Donate Css
============================================= */


.small-donate { max-width: 200px; margin-top: 30px; float: left;  }

.big-donate { background-image: url("../images/donate-purple-background.jpg"); background-size: cover; border-radius: 10px; float: left; width: 100%; padding:50px;  }
.big-donate img { max-width: 39px; float: left; margin-right:10px; }
.big-donate { color:#FFF;  }
.big-donate span { float: left; font-size: 27px; width: 80%; padding-top: 16px; }
.big-donate .yellow-text { color: #eff710; float: left; width: 80%; font-size: 17px; padding-top: 0; }

.big-donate:hover, .small-donate:hover { opacity: 0.5; }


/* =======================================
 @ 1000
======================================= */
@media only screen and (min-width:1000px) {

.big-donate { padding:80px 50px; }
.big-donate span { float: left; font-size: 21px; width: 77%; padding-top: 16px; }
.big-donate .yellow-text { color: #eff710; float: left; width: 77%; font-size: 17px; padding-top: 0; }


}




/* =======================================
 @ 1000
======================================= */
@media only screen and (min-width:1000px) {

.big-donate { padding:80px 50px; }
.big-donate span { float: left; font-size: 31px; width: 82%; padding-top: 16px; }
.big-donate .yellow-text { color: #eff710; float: left; width: 82%; font-size: 21px; padding-top: 0; }


}