/* donate_here.css */
* { box-sizing: border-box; }
section { 
   height: 300px;
   width: 100%;
   text-align: center;
   padding-top: 100px;
   color: white;
   overflow: hidden;
   background: #c04848;  /* fallback for old browsers */
   background: url("../images/giving.jpg");
   background-size: cover;
   background-repeat: no-repeat;
}
#donate_container {
   position: relative;
   text-align: center;
   color: white;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 15px;
}
.centered {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.donate_here {
   border: 2px solid #fff;
   color: #fff;
   padding: 8px 30px;
   border-radius: 15px;
   transition-duration: 0.3s;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: calc(10px + 0.390625vw); /* 18px; */
   margin: 4px 2px;
   cursor: pointer;
}
.donate_here:hover {
   background-color: #fff; /* #d9e8e8; */
   color: #066;
   border: 2px solid #066;
}
.fade-in-text {
   animation: fadeIn 5s;
   -webkit-animation: fadeIn 5s;
   -moz-animation: fadeIn 5s;
   -o-animation: fadeIn 5s;
   -ms-animation: fadeIn 5s;
}
@keyframes fadeIn {
   0% { opacity: 0; }
   100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
   0% { opacity: 0; }
   100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
   0% { opacity: 0; }
   100% { opacity: 1; }
}
@-o-keyframes fadeIn {
   0% { opacity: 0; }
   100% { opacity: 1; }
}
@-ms-keyframes fadeIn {
   0% { opacity: 0; }
  100% { opacity: 1; }
}