<style><!--
.iframe-container{
width: 100%;
height: 390px;
padding-top:3em;
}
#subtitle-raf{
text-align:center;
font-weight:100;
letter-spacing: 2px;
}
.und {
font-weight:bold;
}
.raf-list li{
line-height: 3em;
letter-spacing: 1px;
font-weight: 100;
font-size: 17px;
}
@media(max-width: 850px){
.iframe-container{
height: 700px;
}

#example-raf h2{
font-size:20px;
}
}
@media(max-width: 480px){
.iframe-container{
height: 800px;
}
#example-raf{
font-size: 15px;
}
#example-raf h2{
font-size:20px;
}
}
--></style>
<section class="row-fluid gutter" id="au-infoblock1" style="padding: 0;"><a href="#ref-signup">
<div id="aboutus-header"><img src="https://cdn.shopify.com/s/files/1/0750/6875/files/referafriend_banner2.jpg?4755924835433002264" /></div>
</a></section>
<section class="row-fluid college-infoblock" id="gray">
<h2 class="big">How it Works</h2>
<div style="padding: 35px;" class="container"><img src="https://cdn.shopify.com/s/files/1/0750/6875/files/referafriend_icons3_10__revised_1.png?2481651158552482843" /></div>
</section>
<section class="row-fluid gutter" id="au-infoblock1" style="background-color: #ffffff;">
<div class="container" style="text-align: center;" id="example-raf">
<h2 class="big" style="color: #b0bf71;">FOR EXAMPLE...</h2>
<p style="font-size: 24px;">You refer John and he saves 10% on his first purchase of $200 (for easy math). <br />John pays $180 for his order and you receive $18 cash. <br />You just earned $18 in cash for sharing a link. Not too shabby.</p>
<p style="font-size: 18px;">(<a href="http://www.eluxurysupply.com/pages/referral-faq" target="_blank"><span class="und">See our FAQ for more details</span></a>) <br /><a href="http://www.eluxurysupply.com/pages/referral-tips" target="_blank"><span class="und">Here are a few tips for getting started!</span></a></p>
</div>
</section>
<section class="row-fluid gutter" id="ref-signup" style="background: transparent url('https://d1p6b1fqdxr5o.cloudfront.net/refcorner/icons/stripe-ECE8FC-2-1.png') top left repeat; margin: 0;">
<div class="iframe-container"><iframe id="refcandy-candyjar" data-id="h7rc8esrcenfdkyz26a5zhp6a" data-height="100%" data-width="100%" frameborder="0"></iframe></div>
<script>// <![CDATA[
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//portal.referralcandy.com/assets/widgets/refcandy-candyjar.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","refcandy-candyjar-js");
// ]]></script>
<div style="margin-top: 50px;"></div>
</section>
;