donation.css

 /* Make the image fully responsive */
 
 #imagecont {
     position: relative;
     width: 30%;
 }
 
 .ro {
    margin-left:1px;
}

 body {
     margin: 0;
     font-family: Arial, Helvetica, sans-serif;
     font-size: large;
 }
 
 .container-fluid p {
     font-size: 20px;
     color: #ff5405;
 }
 
 .media-body p {
     color: #212529;
 }
 
 .image {
     opacity: 1;
     display: block;
     width: 50%;
     min-width: 50%;
     height: 50%;
     min-height: 50%;
     transition: .5s ease;
     backface-visibility: hidden;
 }
 
 .middle {
     transition: .5s ease;
     opacity: 0;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%)
 }
 
 #imagecont:hover .image {
     opacity: 0.3;
 }
 
 #imagecont:hover .middle {
     opacity: 1;
 }
 
 #btndon {
     background-color: #ff5405;
     color: white;
     font-size: 16px;
     padding: 16px 32px;
     border-radius: 16px;
 }
 
 .large-font {
     font-size: 36px;
 }
 
 #headt {
     text-align: center;
 }
 
 form.example input[type=text] {
     padding: 10px;
     font-size: 17px;
     border: 1px solid #ff5405;
     float: left;
     width: 80%;
     background: #f1f1f1;
 }
 
 form.example button {
     float: left;
     width: 20%;
     padding: 10px;
     background: #ff5405;
     color: white;
     font-size: 17px;
     border: 1px solid #ff5405;
     border-left: none;
     cursor: pointer;
 }
 
 form.example button:hover {
     background: white;
     color: orangered;
 }
 
 form.example::after {
     content: "";
     clear: both;
     display: table;
 }
 
 .butt1 {
     background-color: #ff5405;
     color: white;
     font-size: 12px;
     padding: 6px 14px;
     border-radius: 64px;
     border-color: white;
 }
 
 .butt1:hover {
     background-color: aliceblue;
     color: orangered;
 }
 
 .list-group-item-text {
     line-height: 210%;
 }
 
 #mainco {
     margin-top: 2%;
 }
 
 button {
     color: whitesmoke;
     font-size: 20px;
     background-color: #ff5405;
     ;
     border: 4px solid;
     border-color: #ff5405;
     ;
     box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
 }
 
 @media screen and (max-width: 576px) {
     #imagecont {
         position: relative;
         width: 80%;
     }
     .large-font {
         font-size: 26px;
     }
     .container-fluid p {
         font-size: 16px;
         color: #ff5405;
     }
     .media-body p {
         color: #212529;
     }
     .media-body h1 {
         font-size: 26px;
     }
 }