<style>
    h3 { 
        text-transform:uppercase; font-size:24px; 
        font-family: DINOT-Medium, acherusgrotesque-regular, 'acherusgrotesque-regular', 'Proxima-Nova-Thin','Montserrat-Light','Open Sans', sans-serif;
        color:#3BBFAD;
        margin-bottom:5px;
    }
    .whitesection { 
        font-size: 17px;
        line-height:24px;
        font-family: GillSans, DINOT-Medium, acherusgrotesque-regular, 'acherusgrotesque-regular', 'Proxima-Nova-Thin','Montserrat-Light','Open Sans', sans-serif;
     }
     .whitesection strong { font-size: 18px; color:#000; }
     .whitesectionbox { 
         height:auto; min-height:150px; padding-top:140px; width:auto; background:#eee; text-align:center; margin-bottom:10px;
      }
      .grid_3 { background:none; }

/* ######################### */
/*       Small Tablets       */
/* ######################### */

@media (max-width: 768px) {
      .grid_3 { background: none; width: 50%; margin:0; display: inline-block; float:left; overflow:hidden; 
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
     }
     .whitesectionbox { 
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         padding-bottom:140px;
         margin:5px;
      }      
}

/* ######################### */
/* Landscape phones and down */
/* ######################### */

@media (max-width: 480px) {
       .grid_3 { width: 100%; box-sizing: border-box; display: block; overflow:hidden; margin-bottom:10px; }
      .whitesectionbox { 
            width: auto;
            display:block;
            margin:0px;
            box-sizing: border-box;
            padding-bottom:140px;
            margin:10px;
      }      
}      
</style>

<div class="whitesection" style="background:#fff; padding-top:5px; overflow:hidden;
	font-family:'Proxima-Nova-Thin','Montserrat-Light','Open Sans', sans-serif; font-size:17px; line-height:24px;">  
    <div class="container_12" style="padding-top:10px; padding-bottom:50px; overflow:hidden; font-size:22px; line-height:36px; color:#333;">
        <!--<div class="grid_1">&nbsp;</div>-->
         <h2 style="font-family: DINOT-Medium, acherusgrotesque-regular, 'acherusgrotesque-regular', 'Proxima-Nova-Thin','Montserrat-Light','Open Sans', sans-serif; 
			 font-size:36px; font-weight:300; text-align:center; margin-bottom:15px; color:#7809BF;"><!-- ß -->
           Support Us with a Donation
        </h2>           
 
        <div style="padding:0 15px; text-align:center;">
            <?=$website_options['donate_text'] ?>  
        </div>
		<div class="clear"></div>
		<br />
		
		<form action="https://www.paypal.com/donate" method="post" target="_top" style="margin:0 auto; text-align:center;">
			<input type="hidden" name="business" value="UMXCFTNDGHVB8" />
			<input type="hidden" name="no_recurring" value="0" />
			<input type="hidden" name="item_name" value="If you'd like to support us or make a donation, please choose an amount below..." />
			<input type="hidden" name="currency_code" value="USD" />
			<input type="image" src="https://pics.paypal.com/00/s/ODQ5MjQ1MjktYjFiMi00OWFkLWJkOWItYjlhNmM0NDM3OWFk/file.PNG" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
			<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
		</form>
		<br />
		<div style="font-weight:300; font-size:15px; line-height:21px; text-align: center">
			<span style="font-weight:600;">Share our Donate link:</span><br />
			https://www.paypal.com/donate/?business=UMXCFTNDGHVB8&no_recurring=0&item_name=If+you%27d+like+to+support+us+or+make+a+donation%2C+please+choose+an+amount+below...&currency_code=USD
		</div>
    </div>
        <!--<div class="grid_1">&nbsp;</div>-->
    <div class="clear"></div>                        
</div>
<div class="clear"></div> 