<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;"><!-- ß -->
			 <?=$website_options['slim_white_title'] ?> 
        </h2>           
 
        <div style="padding:0 15px; text-align:center;">
			<?=$website_options['slim_white_text'] ?>  
        </div>
		<div class="clear"></div>
    </div>
        <!--<div class="grid_1">&nbsp;</div>-->
    <div class="clear"></div>                        
</div>
<div class="clear"></div> 