Mean Bean
#
Nutrition Header {% include 'components/mean-bean/nutrition-header' %}
#
HTML
<div class="full-banner full-banner--mean-bean-alt full-banner--image" data-image="/images/mainsite5/mean-bean/background.jpg" >
    <div class="inner">
        <div class="full-banner__content-wrapper">
            <!-- RESPONSIVE CONTAINER -->
            <!-- CONTENT START -->
            <div class="full-banner__content">
                <h1 class="full-banner__title">
                    Mean Bean Nutrition
                </h1>
                <p>with DR. BEAN, MB</p>
                <div class="mean-bean-nutrition"></div>
            </div>
            <!-- CONTENT END -->
        </div>
    </div>
</div>
Twig
<div class="full-banner full-banner--mean-bean-alt full-banner--image" data-image="/images/mainsite5/mean-bean/background.jpg" >
	<div class="inner">
		<div class="full-banner__content-wrapper"><!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
			<div class="full-banner__content">
				<h1 class="full-banner__title">Mean Bean Nutrition</h1>
				<p>with DR. BEAN, MB</p>
				<div class="mean-bean-nutrition"></div>
			</div>
			<!-- CONTENT END -->
		</div>
	</div>
</div>
{}

Mean Bean Nutrition

with DR. BEAN, MB

Tales {% include 'components/mean-bean/tales' %}
#
HTML
<div class="inner mean-bean">
    <h1>
        Bean <span>Tales</span>
    </h1>
    <div class="clearfix">
        <div class="bean-tale">
            <img src="https://www.tearfund.org/images/mainsite5/birthday/birthday-norma.png">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus semper velit semper consectetur sed et mauris. Sed efficitur eget sem ac dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sodales nisl at feugiat tempus. Nulla sit amet dignissim orci, vel congue magna. Etiam porta sem a justo fringilla posuere. Proin dignissim luctus viverra.</p>
        </div>
        <div class="bean-tale">
            <img src="https://www.tearfund.org/images/mainsite5/birthday/birthday-norma.png">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus semper velit semper consectetur sed et mauris. Sed efficitur eget sem ac dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sodales nisl at feugiat tempus. Nulla sit amet dignissim orci, vel congue magna. Etiam porta sem a justo fringilla posuere. Proin dignissim luctus viverra.</p>
        </div>
        <div class="bean-tale">
            <img src="https://www.tearfund.org/images/mainsite5/birthday/birthday-norma.png">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus semper velit semper consectetur sed et mauris. Sed efficitur eget sem ac dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sodales nisl at feugiat tempus. Nulla sit amet dignissim orci, vel congue magna. Etiam porta sem a justo fringilla posuere. Proin dignissim luctus viverra.</p>
        </div>
    </div>
    <div class="bean-tales-cta">
        <a href="#" class="button button--mean-bean button--mean-bean--bean button--mean-bean-small">Sign Up Today</a>

        <p><strong>Something has to be done. We're Mean Beaners and we won't stop fighting hunger - we won't stop until poverty stops. So get your friends together, stock up on those beans and let's smash poverty together.</strong></p>
    </div>
</div>
Twig
<div class="inner mean-bean">
	<h1>Bean <span>Tales</span></h1>

	<div class="clearfix">
		<div class="bean-tale">
			<img src="https://www.tearfund.org/images/mainsite5/birthday/birthday-norma.png">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus semper velit semper consectetur sed et mauris. Sed efficitur eget sem ac dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sodales nisl at feugiat tempus. Nulla sit amet dignissim orci, vel congue magna. Etiam porta sem a justo fringilla posuere. Proin dignissim luctus viverra.</p>
		</div>
		<div class="bean-tale">
			<img src="https://www.tearfund.org/images/mainsite5/birthday/birthday-norma.png">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus semper velit semper consectetur sed et mauris. Sed efficitur eget sem ac dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sodales nisl at feugiat tempus. Nulla sit amet dignissim orci, vel congue magna. Etiam porta sem a justo fringilla posuere. Proin dignissim luctus viverra.</p>
		</div>
		<div class="bean-tale">
			<img src="https://www.tearfund.org/images/mainsite5/birthday/birthday-norma.png">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus semper velit semper consectetur sed et mauris. Sed efficitur eget sem ac dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sodales nisl at feugiat tempus. Nulla sit amet dignissim orci, vel congue magna. Etiam porta sem a justo fringilla posuere. Proin dignissim luctus viverra.</p>
		</div>
	</div>

	<div class="bean-tales-cta">
		<a href="#" class="button button--mean-bean button--mean-bean--bean button--mean-bean-small">Sign Up Today</a>
		<p><strong>Something has to be done. We're Mean Beaners and we won't stop fighting hunger - we won't stop until poverty stops. So get your friends together, stock up on those beans and let's smash poverty together.</strong></p>
	</div>		
</div>
{}

Bean Tales

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus semper velit semper consectetur sed et mauris. Sed efficitur eget sem ac dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sodales nisl at feugiat tempus. Nulla sit amet dignissim orci, vel congue magna. Etiam porta sem a justo fringilla posuere. Proin dignissim luctus viverra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus semper velit semper consectetur sed et mauris. Sed efficitur eget sem ac dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sodales nisl at feugiat tempus. Nulla sit amet dignissim orci, vel congue magna. Etiam porta sem a justo fringilla posuere. Proin dignissim luctus viverra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus semper velit semper consectetur sed et mauris. Sed efficitur eget sem ac dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sodales nisl at feugiat tempus. Nulla sit amet dignissim orci, vel congue magna. Etiam porta sem a justo fringilla posuere. Proin dignissim luctus viverra.

Sign Up Today

Something has to be done. We're Mean Beaners and we won't stop fighting hunger - we won't stop until poverty stops. So get your friends together, stock up on those beans and let's smash poverty together.

Video Section {% include 'components/mean-bean/video-section' %}
#
HTML
<div class="grey-section">
    <div class="inner mean-bean">
        <picture class="desktop-only">
            <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/Landing_Page_Youtube-Video_Beans.png, /images/mainsite5/mean-bean/2019/Landing_Page_Youtube-Video_Beans_@2x.png 2x">
                <source media="(min-width: 100px)" srcset="">
                    <img src="/images/mainsite5/mean-bean/2019/Landing_Page_Youtube-Video_Beans.png" class="mean-bean-video-image" alt="Mean Bean Challenge">
                </picture>
                <div class="rwd-video">
                    <iframe class="video" width="560" height="315" src="https://www.youtube.com/embed/Pdkbwj0S9hM?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
                </div>
            </div>
        </div>
Twig
<div class="grey-section">
	<div class="inner mean-bean">
		<picture class="desktop-only">
		  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/Landing_Page_Youtube-Video_Beans.png, /images/mainsite5/mean-bean/2019/Landing_Page_Youtube-Video_Beans_@2x.png 2x">
		  <source media="(min-width: 100px)" srcset="">
		  <img src="/images/mainsite5/mean-bean/2019/Landing_Page_Youtube-Video_Beans.png" class="mean-bean-video-image" alt="Mean Bean Challenge">
		</picture> 
		<div class="rwd-video">
			<iframe class="video" width="560" height="315" src="https://www.youtube.com/embed/Pdkbwj0S9hM?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
		</div>
	</div>
</div>
{}
Mean Bean Challenge
Intro {% include 'components/mean-bean/intro' %}
#
HTML
<div class="mean-bean mean-bean-content inner clearfix">
    <div class="large-col-4">
        <h1 class="mobile-only">
            CASE STUDY HEADLINE TO GO HERE
        </h1>
        <a class="matunda-link" href="#">
            <div class="matunda-container"></div>
        </a>
    </div>
    <div class="large-col-8">
        <div class="mean-bean-content-left">
            <h2 class="desktop-only">
                CASE STUDY HEADLINE TO GO HERE
            </h2>
            <p>After losing her parents, Birungi missed out on an education in order to look after her younger twin sisters, neither of whom could walk. With no means to provide for her family, Birungi received sewing skills training through a Tearfund partner and now runs her own sustainable business.</p>
            <p><strong>Xxxxxxxxg with us, you’ll be changing the lives of people living in desperate need – people like Birungi.</strong></p>
            <div class="mean-bean-button">
                <a href="#" class="button button--mean-bean button--mean-bean-white-bg">
                    <div class="button-bottom"></div>
                    <div class="button-top">Read Matunda's story</div>
                </a>
            </div>
        </div>
    </div>
</div>
Twig
<div class="mean-bean mean-bean-content inner clearfix">

	<div class="large-col-4">
		<h1 class="mobile-only">CASE STUDY HEADLINE TO GO HERE</h1>
		<a class="matunda-link" href="#">
			<div class="matunda-container">
			</div>
		</a>
	</div>

	<div class="large-col-8">
		<div class="mean-bean-content-left">
			<h2 class="desktop-only">CASE STUDY HEADLINE TO GO HERE</h2>
			<p>After losing her parents, Birungi missed out on an education in order to look after her younger twin sisters, neither of whom could walk. With no means to provide for her family, Birungi received sewing skills training through a Tearfund partner and now runs her own sustainable business.</p>

			<p><strong>Xxxxxxxxg with us, you’ll be changing the lives of people living in desperate need – people like Birungi.</strong></p>
			<div class="mean-bean-button">
                <a href="#" class="button button--mean-bean button--mean-bean-white-bg">
                    <div class="button-bottom"></div>
                    <div class="button-top">Read Matunda's story</div>
                </a>
            </div>
		</div>
	</div>
	
</div>
{}

CASE STUDY HEADLINE TO GO HERE

CASE STUDY HEADLINE TO GO HERE

After losing her parents, Birungi missed out on an education in order to look after her younger twin sisters, neither of whom could walk. With no means to provide for her family, Birungi received sewing skills training through a Tearfund partner and now runs her own sustainable business.

Xxxxxxxxg with us, you’ll be changing the lives of people living in desperate need – people like Birungi.

Header Story {% include 'components/mean-bean/header-story' %}
#
HTML
<div class="full-banner full-banner--mean-bean-lyson full-banner--image" data-image="/images/mainsite5/mean-bean/case-study-hero.jpg">
    <div class="inner">
        <div class="full-banner__content-wrapper">
            <!-- RESPONSIVE CONTAINER -->
            <!-- CONTENT START -->
            <div class="full-banner__content">
                <h1 class="full-banner__title">
                    Life on the edge
                </h1>
                <p>Help Matunda - take on the mean bean challenge</p>
                <a class="button button--mean-bean">
                    <div class="button--mean-bean__left-white"></div>
                    <div class="button--mean-bean__top"></div>
                    <div class="button--mean-bean__left"></div>
                    Sign Up Today

                    <div class="button--mean-bean__bottom-white"></div>
                    <div class="button--mean-bean__right"></div>
                    <div class="button--mean-bean__bottom"></div>
                </a>
            </div>
            <!-- CONTENT END -->
        </div>
    </div>
</div>
Twig
<div class="full-banner full-banner--mean-bean-lyson full-banner--image" data-image="/images/mainsite5/mean-bean/case-study-hero.jpg">
	<div class="inner">
		<div class="full-banner__content-wrapper"><!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
			<div class="full-banner__content">
				<h1 class="full-banner__title">Life on the edge</h1>
				<p>Help Matunda - take on the mean bean challenge</p>
				<a class="button button--mean-bean">
					<div class="button--mean-bean__left-white"></div>
					<div class="button--mean-bean__top"></div>
					<div class="button--mean-bean__left"></div>
					Sign Up Today
					<div class="button--mean-bean__bottom-white"></div>
					<div class="button--mean-bean__right"></div>
					<div class="button--mean-bean__bottom"></div>
				</a>
			</div>
			<!-- CONTENT END -->
		</div>
	</div>
</div>
{}

Life on the edge

Help Matunda - take on the mean bean challenge

Sign Up Today
Quantities {% include 'components/mean-bean/quantities' %}
#
HTML
<section class="inner mean-bean">
    <div class="mean-bean-yellow-block mean-bean-yellow-block--quantity">
        <div class="mobile-only">
            <h1>
                The all-important <span>quantities</span>
            </h1>
            <strong>As a minimum, we'd recommend the following:</strong>

        </div>
        <div class="mean-bean-welcome__plate-fork"></div>
        <div class="desktop-only">
            <h1>
                The all-important <span>quantities</span>
            </h1>
            <strong>As a minimum, we'd recommend the following:</strong>

        </div>
        <div class="quantity-meal">
            <h2>
                Breakfast:
            </h2>
            100g porridge, made with water

        </div>
        <div class="quantity-meal">
            <h2>
                Lunch:
            </h2>
            50g rice with 100g beans

        </div>
        <div class="quantity-meal">
            <h2>
                Dinner:
            </h2>
            50g rice with 100g beans

        </div>
        <p>This ammounts to approve 980 calories per day. NB: All weights given are for dry, pre-cooked quantities. For more, see our <a href="https://www.tearfund.org/en/about_you/fundraise/mean_bean_challenge/nutrition/">nutrition advice</a>.</p>
    </div>
</section>
Twig
<section class="inner mean-bean">
	<div class="mean-bean-yellow-block mean-bean-yellow-block--quantity">
		<div class="mobile-only">
			<h1>The all-important <span>quantities</span></h1>
			<strong>As a minimum, we'd recommend the following:</strong>
		</div>
		<div class="mean-bean-welcome__plate-fork"></div>
		<div class="desktop-only">
			<h1>The all-important <span>quantities</span></h1>
			<strong>As a minimum, we'd recommend the following:</strong>
		</div>
		<div class="quantity-meal">
			<h2>Breakfast:</h2>
			100g porridge, made with water
		</div>
		<div class="quantity-meal">
			<h2>Lunch:</h2>
			50g rice with 100g beans
		</div>
		<div class="quantity-meal">
			<h2>Dinner:</h2>
			50g rice with 100g beans
		</div>
		<p>This ammounts to approve 980 calories per day. NB: All weights given are for dry, pre-cooked quantities. For more, see our <a href="https://www.tearfund.org/en/about_you/fundraise/mean_bean_challenge/nutrition/">nutrition advice</a>.</p>
	</div>
</section>
{}

The all-important quantities

As a minimum, we'd recommend the following:

The all-important quantities

As a minimum, we'd recommend the following:

Breakfast:

100g porridge, made with water

Lunch:

50g rice with 100g beans

Dinner:

50g rice with 100g beans

This ammounts to approve 980 calories per day. NB: All weights given are for dry, pre-cooked quantities. For more, see our nutrition advice.

Header Faq {% include 'components/mean-bean/header-faq' %}
#
HTML
<div class="full-banner full-banner--mean-bean-alt full-banner--image" data-image="/images/mainsite5/mean-bean/background.jpg" >
    <div class="inner">
        <div class="full-banner__content-wrapper">
            <!-- RESPONSIVE CONTAINER -->
            <!-- CONTENT START -->
            <div class="full-banner__content">
                <h1 class="full-banner__title">
                    Mean Bean FAQS
                </h1>
                <!-- <p>
                Everything a Mean Bean needs to know.
            </p>
            -->
            <div class="mean-bean-faq"></div>
        </div>
        <!-- CONTENT END -->
    </div>
</div>
</div>
Twig
<div class="full-banner full-banner--mean-bean-alt full-banner--image" data-image="/images/mainsite5/mean-bean/background.jpg" >
	<div class="inner">
		<div class="full-banner__content-wrapper"><!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
			<div class="full-banner__content">
				<h1 class="full-banner__title">Mean Bean FAQS</h1>
<!-- 				<p>Everything a Mean Bean needs to know.</p>
 -->				<div class="mean-bean-faq"></div>
			</div>
			<!-- CONTENT END -->
		</div>
	</div>
</div>
{}

Mean Bean FAQS

Pay Your Money In {% include 'components/mean-bean/pay-your-money-in' %}
#
HTML
<div class="inner mean-bean">
    <div class="mean-bean-pay-in clearfix">
        <div class="large-col-4">
            <picture class="desktop-only">
                <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/PayInYourMoney_Red_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/PayInYourMoney_Red_Bean_Mobile_@2x.png 2x">
                    <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/PayInYourMoney_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/PayInYourMoney_Bean_Mobile_@2x.png 2x">
                        <img src="/images/mainsite5/mean-bean/2019/PayInYourMoney_Bean_Mobile.png" class="mean-bean-ukaid-image" alt="Mean Bean Challenge">
                    </picture>
                </div>
                <div class="large-col-8">
                    <h2>
                        Pay in your money
                    </h2>
                    <p>XX Thank you so much for fundraising for Tearfund. We’re so grateful for all the hard work you put into helping us to bring an end to poverty. Please use our simple online form to pay in your money.</p>
                    <picture class="mobile-only">
                        <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/PayInYourMoney_Red_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/PayInYourMoney_Red_Bean_Mobile_@2x.png 2x">
                            <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/PayInYourMoney_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/PayInYourMoney_Bean_Mobile_@2x.png 2x">
                                <img src="/images/mainsite5/mean-bean/2019/PayInYourMoney_Bean_Mobile.png" class="mean-bean-ukaid-image" alt="Mean Bean Challenge">
                            </picture>
                        </div>
                    </div>
                </div>
Twig
<div class="inner mean-bean">
	<div class="mean-bean-pay-in clearfix">

		<div class="large-col-4">
			<picture class="desktop-only">
			  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/PayInYourMoney_Red_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/PayInYourMoney_Red_Bean_Mobile_@2x.png 2x">
			  <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/PayInYourMoney_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/PayInYourMoney_Bean_Mobile_@2x.png 2x">
			  <img src="/images/mainsite5/mean-bean/2019/PayInYourMoney_Bean_Mobile.png" class="mean-bean-ukaid-image" alt="Mean Bean Challenge">
			</picture> 
		</div>

		<div class="large-col-8">
			<h2>Pay in your money</h2>
			<p>XX Thank you so much for fundraising for Tearfund. We’re so grateful for all the hard work you put into helping us to bring an end to poverty. Please use our simple online form to pay in your money.</p>

			<picture class="mobile-only">
			  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/PayInYourMoney_Red_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/PayInYourMoney_Red_Bean_Mobile_@2x.png 2x">
			  <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/PayInYourMoney_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/PayInYourMoney_Bean_Mobile_@2x.png 2x">
			  <img src="/images/mainsite5/mean-bean/2019/PayInYourMoney_Bean_Mobile.png" class="mean-bean-ukaid-image" alt="Mean Bean Challenge">
			</picture> 
		</div>

	</div>
</div>
{}
Mean Bean Challenge

Pay in your money

XX Thank you so much for fundraising for Tearfund. We’re so grateful for all the hard work you put into helping us to bring an end to poverty. Please use our simple online form to pay in your money.

Mean Bean Challenge
Altetnate Footer {% include 'components/mean-bean/altetnate-footer' %}
#
HTML
<div class="mean-bean mean-bean-sign-section mean-bean-sign-section--alt">
    <div class="mean-bean-sign-section--alt__logo"></div>
    <a class="button button--mean-bean">
        <div class="button--mean-bean__left-white"></div>
        <div class="button--mean-bean__top"></div>
        <div class="button--mean-bean__left"></div>
        Sign Up Today

        <div class="button--mean-bean__bottom-white"></div>
        <div class="button--mean-bean__right"></div>
        <div class="button--mean-bean__bottom"></div>
    </a>
</div>
Twig
<div class="mean-bean mean-bean-sign-section mean-bean-sign-section--alt">

	<div class="mean-bean-sign-section--alt__logo"></div>
	<a class="button button--mean-bean">
		<div class="button--mean-bean__left-white"></div>
		<div class="button--mean-bean__top"></div>
		<div class="button--mean-bean__left"></div>
		Sign Up Today
		<div class="button--mean-bean__bottom-white"></div>
		<div class="button--mean-bean__right"></div>
		<div class="button--mean-bean__bottom"></div>
	</a>
</div>
{}
Welcome {% include 'components/mean-bean/welcome' %}
#
HTML
<div class="inner mean-bean mean-bean-guide-welcome" style="position: relative;">
    <div class="mean-bean-welcome__guide desktop-only"></div>
    <div class="mean-bean-yellow-block">
        <h2>
            Welcome <span>Mean Beaners!</span>
        </h2>
        <p>This is the one-stop shop for all your Mean Bean needs. You'll find a step-by-step guide, some useful tips, plus some awesome resources to make sure your challenge is as full of beans as possible.</p>
        <div class="mean-bean-welcome__guide mobile-only"></div>
    </div>
</div>
Twig
<div class="inner mean-bean mean-bean-guide-welcome" style="position: relative;">
	<div class="mean-bean-welcome__guide desktop-only"></div>
	<div class="mean-bean-yellow-block">
		<h2>Welcome <span>Mean Beaners!</span></h2>
		<p>This is the one-stop shop for all your Mean Bean needs. You'll find a step-by-step guide, some useful tips, plus some awesome resources to make sure your challenge is as full of beans as possible.</p>
		<div class="mean-bean-welcome__guide mobile-only"></div>
	</div>
</div>
{}

Welcome Mean Beaners!

This is the one-stop shop for all your Mean Bean needs. You'll find a step-by-step guide, some useful tips, plus some awesome resources to make sure your challenge is as full of beans as possible.

Welcome Nutrition {% include 'components/mean-bean/welcome-nutrition' %}
#
HTML
<div class="inner mean-bean" style="position: relative;">
    <!-- <div class="mean-bean-welcome__nutrition desktop-only"></div>
-->
<div class="mean-bean-yellow-block mean-bean-yellow-block--nutrition clearfix">
    <div class="large-col-4">
        <img src="/images/mainsite5/mean-bean/mb-nutrition-welcome.gif" alt="Dr. Bean">
        <!-- <div class="mean-bean-welcome__nutrition mobile-only"></div>
    -->

</div>
<div class="large-col-8">
    <h1>
        Meet the doc
    </h1>
    <p>
        <strong>
            How can I stay healthy during the Mean Bean challenge?
            <br />
            Just how many calories are there in a portion of beans?
            <br />
            What if I feel unwell? And are kidney beans made from real kidneys?
        </strong>
    </p>
    <p>Nutrition expert and legume extroadinaire Dr Bean* is here to answer all the questions you may have about the Mean Bean Challenge.</p>
    <p>
        **AKA Wendy Williams, BSc (Hons) – qualified nutritionist and human bean.
    </strong>
</p>
</div>
</div>
</div>
Twig
<div class="inner mean-bean" style="position: relative;">
<!-- 	<div class="mean-bean-welcome__nutrition desktop-only"></div>
 -->	<div class="mean-bean-yellow-block mean-bean-yellow-block--nutrition clearfix">
		<div class="large-col-4">
		    <img src="/images/mainsite5/mean-bean/mb-nutrition-welcome.gif" alt="Dr. Bean">
			<!-- <div class="mean-bean-welcome__nutrition mobile-only"></div> -->
		</div>
		<div class="large-col-8">
		<h1>Meet the doc</h1>
			<p><strong>How can I stay healthy during the Mean Bean challenge?<br />
			Just how many calories are there in a portion of beans?<br />
			What if I feel unwell? And are kidney beans made from real kidneys?</strong></p>

			<p>Nutrition expert and legume extroadinaire Dr Bean* is here to answer all the questions you may have about the Mean Bean Challenge.</p>

			<p>**AKA Wendy Williams, BSc (Hons) – qualified nutritionist and human bean.</strong></p>
		</div>
	</div>
</div>
{}
Dr. Bean

Meet the doc

How can I stay healthy during the Mean Bean challenge?
Just how many calories are there in a portion of beans?
What if I feel unwell? And are kidney beans made from real kidneys?

Nutrition expert and legume extroadinaire Dr Bean* is here to answer all the questions you may have about the Mean Bean Challenge.

**AKA Wendy Williams, BSc (Hons) – qualified nutritionist and human bean.

Guide Content {% include 'components/mean-bean/guide-content' %}
#
HTML
<div class="mean-bean clearfix">
    <div class="grey-section">
        <div class="inner clearfix">
            <div class="large-col-6">
                <picture>
                    <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/OnYourMarks_Desktop.png, /images/mainsite5/mean-bean/2019/OnYourMarks_Desktop_@2x.png 2x">
                        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/OnYourMarks_Mobile.png, /images/mainsite5/mean-bean/2019/OnYourMarks_Mobile_@2x.png 2x">
                            <img class="mb-on-your-marks" src="/images/mainsite5/mean-bean/2019/OnYourMarks_Mobile.png" alt="On Your Marks">
                        </picture>
                    </div>
                    <div class="large-col-6">
                        <div class="mean-bean-step">
                            <h3>
                                <span>STEP 1</span> SIGN UP
                            </h3>
                            <p>The easy bit. Want to take on the beans in the name of smashing poverty? <a href="http://www.tearfund.org/meanbean">Sign up here.</a></p>
                        </div>
                    </div>
                    <div class="large-col-12">
                        <div class="mean-bean-step mean-bean-step--step-2 clearfix">
                            <h3>
                                <span>STEP 2</span> Bean team… assemble!
                            </h3>
                            <picture>
                                <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Mobile.png, /images/mainsite5/mean-bean/2019/Invite_Your_Friends_Mobile_@2x.png 2x">
                                    <img class="mobile-only" src="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Mobile.png" alt="Mean Bean Team Assemble">
                                </picture>
                                <div class="large-col-6">
                                    <p>Beaners are better together. Share your challenge and invite your friends to sign up here <a href="http://www.tearfund.org/meanbean">www.tearfund.org/meanbean</a>. The challenge is more fun (and easier!) when you have someone to support you.</p>
                                    <a href="#" class="button button--mean-bean button--mean-bean-red">
                                        <div class="button-bottom"></div>
                                        <div class="button-top">Invite a friend</div>
                                    </a>
                                </div>
                                <div class="large-col-6">
                                    <picture>
                                        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Desktop.png, /images/mainsite5/mean-bean/2019/Invite_Your_Friends_Desktop_@2x.png 2x">
                                            <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Fistbump_Beans.png, /images/mainsite5/mean-bean/2019/Invite_Your_Friends_Fistbump_Beans_@2x.png 2x">
                                                <img style="margin-bottom: -5px;" src="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Fistbump_Beans.png.png" alt="Mean Bean Team Assemble">
                                            </picture>
                                        </div>
                                    </div>
                                </div>
                                <div class="large-col-6">
                                    <picture>
                                        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Desktop.png, /images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Desktop_@2x.png 2x">
                                            <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Mobile_@2x.png 2x">
                                                <img src="/images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Desktop.png" alt="Mean Bean Fundraising">
                                            </picture>
                                        </div>
                                        <div class="large-col-6">
                                            <div class="mean-bean-step">
                                                <h3>
                                                    <span>STEP 3</span> START FUNDRAISING!
                                                </h3>
                                                <p>When you sign up, we’ll create a JustGiving fundraising page for you (we’re nice like that). Personalised pages make more money, so make sure you add a picture and include your own motivation. Then it’s all about sharing the page with as many people as you can! Want a printed sponsorship form? No problem! You can find one in the resources section <a href="https://www.tearfund.org/en/about_you/fundraise/mean_bean_challenge/other_resources/">here</a>.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="inner clearfix">
                                    <div class="mobile-only large-col-6">
                                        <picture>
                                            <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png, /images/mainsite5/mean-bean/2019/Get_Set_Mobile_@2x.png 2x">
                                                <img src="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png" alt="Get Set">
                                            </picture>
                                        </div>
                                        <div class="large-col-6">
                                            <div class="mean-bean-step">
                                                <h3>
                                                    <span>STEP 4</span> BE<span class="secondary">AN</span> PREPARED
                                                </h3>
                                                <p>Time to fill your cupboards with rice, beans and oats. You’ll be eating plain porridge for breakfast, and plain rice and beans for lunch and dinner. The recommended amounts are a little further on. Any questions? You're in luck – we’ve put together a <a href="http://www.tearfund.org/meanbean/faq">super-handy FAQ page</a> to answer all the questions you could possibly have (plus a few that you didn’t even know needed answering).</p>
                                            </div>
                                            <div class="mean-bean-step">
                                                <h3>
                                                    <span>STEP 5</span> GET SOME FREEBIES
                                                </h3>
                                                <p>We’ve got some awesome resources designed to help you with your fundraising efforts, eg sponsorship forms and Facebook profile images. <a href="https://www.tearfund.org/en/about_you/fundraise/mean_bean_challenge/other_resources/">Check them out here</a>.</p>
                                            </div>
                                        </div>
                                        <div class="desktop-only large-col-6">
                                            <picture>
                                                <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/Get_Set_Desktop.png, /images/mainsite5/mean-bean/2019/Get_Set_Desktop_@2x.png 2x">
                                                    <img src="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png" alt="Get Set">
                                                </picture>
                                            </div>
                                        </div>
                                        <div class="grey-section">
                                            <div class="inner clearfix">
                                                <div class="large-col-6">
                                                    <picture>
                                                        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/Go_Desktop.png, /images/mainsite5/mean-bean/2019/Go_Desktop_@2x.png 2x">
                                                            <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Go_Mobile.png, /images/mainsite5/mean-bean/2019/Go_Mobile_@2x.png 2x">
                                                                <img src="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png" alt="Get Set">
                                                            </picture>
                                                        </div>
                                                        <div class="large-col-6">
                                                            <div class="mean-bean-step">
                                                                <h3>
                                                                    <span>STEP 6</span> POWER UP
                                                                </h3>
                                                                <p>This is it. Time to hit the beans. For motivation, check out Nida’s story [link] – people like [him/her] are the reason we’re doing this. Remember to pray as well – this is a spiritual challenge, as well as a physical one.</p>
                                                            </div>
                                                            <div class="mean-bean-step">
                                                                <h3>
                                                                    <span>STEP 7</span> SHARING THE LOVE
                                                                </h3>
                                                                <p>Join our Mean Beaner Facebook community here (they’re all lovely – it’s the beans that are mean). We’ll share words of encouragement, plus useful hints and tips every day. Use the hashtag #MeanBeanChallenge on social media to tell us about your experience.</p>
                                                            </div>
                                                            <div class="mean-bean-step">
                                                                <h3>
                                                                    <span>STEP 8</span> FINISH WELL
                                                                </h3>
                                                                <p>We’ll all finish the challenge together at 6pm on Sunday 24 March – including everyone taking part in the Mean Bean Weekender [link]. Why not meet with everyone you’ve been doing the challenge with to celebrate, as well as pray for people like Nida [link].</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
Twig
<div class="mean-bean clearfix">
	<div class="grey-section">
		<div class="inner clearfix">
			<div class="large-col-6">
				<picture>
					<source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/OnYourMarks_Desktop.png,  /images/mainsite5/mean-bean/2019/OnYourMarks_Desktop_@2x.png 2x">
			        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/OnYourMarks_Mobile.png, /images/mainsite5/mean-bean/2019/OnYourMarks_Mobile_@2x.png 2x">
		            <img class="mb-on-your-marks" src="/images/mainsite5/mean-bean/2019/OnYourMarks_Mobile.png" alt="On Your Marks">
	    	    </picture>
			</div>
			<div class="large-col-6">
				<div class="mean-bean-step">
					<h3><span>STEP 1</span> SIGN UP</h3>
					<p>The easy bit. Want to take on the beans in the name of smashing poverty? <a href="http://www.tearfund.org/meanbean">Sign up here.</a></p>
				</div>
			</div>

			<div class="large-col-12">
				<div class="mean-bean-step mean-bean-step--step-2 clearfix">
					<h3><span>STEP 2</span> Bean team… assemble!</h3>
					<picture>
					        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Mobile.png, /images/mainsite5/mean-bean/2019/Invite_Your_Friends_Mobile_@2x.png 2x">
				            <img class="mobile-only" src="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Mobile.png" alt="Mean Bean Team Assemble">
		    	    </picture>
		    	    <div class="large-col-6">
						<p>Beaners are better together. Share your challenge and invite your friends to sign up here <a href="http://www.tearfund.org/meanbean">www.tearfund.org/meanbean</a>.  The challenge is more fun (and easier!) when you have someone to support you.</p>
						<a href="#" class="button button--mean-bean button--mean-bean-red">
	                        <div class="button-bottom"></div>
	                        <div class="button-top">Invite a friend</div>
	                    </a>
                   	</div>
                   	<div class="large-col-6">
						<picture>
								<source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Desktop.png,  /images/mainsite5/mean-bean/2019/Invite_Your_Friends_Desktop_@2x.png 2x">
						        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Fistbump_Beans.png, /images/mainsite5/mean-bean/2019/Invite_Your_Friends_Fistbump_Beans_@2x.png 2x">
					            <img style="margin-bottom: -5px;" src="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Fistbump_Beans.png.png" alt="Mean Bean Team Assemble">
			    	    </picture>
			    	</div>
				</div>
			</div>

			<div class="large-col-6">	
				<picture>
			        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Desktop.png,  /images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Desktop_@2x.png 2x">
			        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Mobile_@2x.png 2x">
		            <img src="/images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Desktop.png" alt="Mean Bean Fundraising">
    	    </picture>
			</div>
			<div class="large-col-6">
				<div class="mean-bean-step">
					<h3><span>STEP 3</span> START FUNDRAISING!</h3>
					<p>When you sign up, we’ll create a JustGiving fundraising page for you (we’re nice like that). Personalised pages make more money, so make sure you add a picture and include your own motivation. Then it’s all about sharing the page with as many people as you can! Want a printed sponsorship form? No problem! You can find one in the resources section <a href="https://www.tearfund.org/en/about_you/fundraise/mean_bean_challenge/other_resources/">here</a>.</p>
				</div>
			</div>
		</div>
	</div>
	<div class="inner clearfix">
		<div class="mobile-only large-col-6">
			<picture>
		        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png, /images/mainsite5/mean-bean/2019/Get_Set_Mobile_@2x.png 2x">
	            <img src="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png" alt="Get Set">
    	    </picture>
		</div>		
		<div class="large-col-6">
			<div class="mean-bean-step">
				<h3><span>STEP 4</span> BE<span class="secondary">AN</span> PREPARED</h3>
				<p>Time to fill your cupboards with rice, beans and oats. You’ll be eating plain porridge for breakfast, and plain rice and beans for lunch and dinner. The recommended amounts are a little further on. Any questions? You're in luck – we’ve put together a <a href="http://www.tearfund.org/meanbean/faq">super-handy FAQ page</a> to answer all the questions you could possibly have (plus a few that you didn’t even know needed answering).</p>
			</div>	

			<div class="mean-bean-step">
				<h3><span>STEP 5</span> GET SOME FREEBIES</h3>
				<p>We’ve got some awesome resources designed to help you with your fundraising efforts, eg sponsorship forms and Facebook profile images.  <a href="https://www.tearfund.org/en/about_you/fundraise/mean_bean_challenge/other_resources/">Check them out here</a>.</p>
			</div>	
		</div>
		<div class="desktop-only large-col-6">
			<picture>
		        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/Get_Set_Desktop.png,  /images/mainsite5/mean-bean/2019/Get_Set_Desktop_@2x.png 2x">
	            <img src="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png" alt="Get Set">
    	    </picture>
		</div>		
	</div>
	<div class="grey-section">
		<div class="inner clearfix">
			<div class="large-col-6">
				<picture>
			        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/Go_Desktop.png,  /images/mainsite5/mean-bean/2019/Go_Desktop_@2x.png 2x">
			        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Go_Mobile.png, /images/mainsite5/mean-bean/2019/Go_Mobile_@2x.png 2x">
		            <img src="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png" alt="Get Set">
	    	    </picture>
			</div>		
			<div class="large-col-6">
				<div class="mean-bean-step">
					<h3><span>STEP 6</span> POWER UP</h3>
					<p>This is it. Time to hit the beans. For motivation, check out Nida’s story [link] – people like [him/her] are the reason we’re doing this. Remember to pray as well – this is a spiritual challenge, as well as a physical one.</p>
				</div>

				<div class="mean-bean-step">
					<h3><span>STEP 7</span> SHARING THE LOVE</h3>
					<p>Join our Mean Beaner Facebook community here (they’re all lovely – it’s the beans that are mean). We’ll share words of encouragement, plus useful hints and tips every day. Use the hashtag #MeanBeanChallenge on social media to tell us about your experience.</p>
				</div>	

				<div class="mean-bean-step">
					<h3><span>STEP 8</span> FINISH WELL</h3>
					<p>We’ll all finish the challenge together at 6pm on Sunday 24 March – including everyone taking part in the Mean Bean Weekender [link]. Why not meet with everyone you’ve been doing the challenge with to celebrate, as well as pray for people like Nida [link].</p>
				</div>	
			</div>
		</div>
	</div>
</div>
{}
On Your Marks

STEP 1 SIGN UP

The easy bit. Want to take on the beans in the name of smashing poverty? Sign up here.

STEP 2 Bean team… assemble!

Mean Bean Team Assemble

Beaners are better together. Share your challenge and invite your friends to sign up here www.tearfund.org/meanbean. The challenge is more fun (and easier!) when you have someone to support you.

Invite a friend
Mean Bean Team Assemble
Mean Bean Fundraising

STEP 3 START FUNDRAISING!

When you sign up, we’ll create a JustGiving fundraising page for you (we’re nice like that). Personalised pages make more money, so make sure you add a picture and include your own motivation. Then it’s all about sharing the page with as many people as you can! Want a printed sponsorship form? No problem! You can find one in the resources section here.

Get Set

STEP 4 BEAN PREPARED

Time to fill your cupboards with rice, beans and oats. You’ll be eating plain porridge for breakfast, and plain rice and beans for lunch and dinner. The recommended amounts are a little further on. Any questions? You're in luck – we’ve put together a super-handy FAQ page to answer all the questions you could possibly have (plus a few that you didn’t even know needed answering).

STEP 5 GET SOME FREEBIES

We’ve got some awesome resources designed to help you with your fundraising efforts, eg sponsorship forms and Facebook profile images. Check them out here.

Get Set
Get Set

STEP 6 POWER UP

This is it. Time to hit the beans. For motivation, check out Nida’s story [link] – people like [him/her] are the reason we’re doing this. Remember to pray as well – this is a spiritual challenge, as well as a physical one.

STEP 7 SHARING THE LOVE

Join our Mean Beaner Facebook community here (they’re all lovely – it’s the beans that are mean). We’ll share words of encouragement, plus useful hints and tips every day. Use the hashtag #MeanBeanChallenge on social media to tell us about your experience.

STEP 8 FINISH WELL

We’ll all finish the challenge together at 6pm on Sunday 24 March – including everyone taking part in the Mean Bean Weekender [link]. Why not meet with everyone you’ve been doing the challenge with to celebrate, as well as pray for people like Nida [link].

Tips {% include 'components/mean-bean/tips' %}
#
HTML
<section class="inner mean-bean">
    <div class="mb-tips clearfix">
        <h1>
            Top Ten <span>Tips</span>
        </h1>
        <div class="equaliser-row">
            <div class="mb-tip equalise">
                <div class="mb-tip__title-container">
                    <div class="mb-tip__number">1</div>
                    <div class="mb-tip__title">
                        <h3>
                            Create Space
                        </h3>
                    </div>
                </div>
                <p>Create some space during the week to just stop and reflect. You look at life differently during the challenge.</p>
            </div>
            <div class="mb-tip equalise">
                <div class="mb-tip__title-container">
                    <div class="mb-tip__number">2</div>
                    <div class="mb-tip__title">
                        <h3>
                            Stay Hydrated
                        </h3>
                    </div>
                </div>
                <picture>
                    <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/water.png, /images/mainsite5/mean-bean/water@2x.png 2x">
                        <img class="mb-water" src="/images/mainsite5/mean-bean/water.png" alt="Water">
                    </picture>
                    <p>Drink loads of water – it will keep you hydrated and fill you up a little better when you're craving cake.</p>
                </div>
            </div>
            <div class="equaliser-row">
                <div class="mb-tip equalise">
                    <div class="mb-tip__title-container">
                        <div class="mb-tip__number">3</div>
                        <div class="mb-tip__title">
                            <h3>
                                Prepare
                            </h3>
                        </div>
                    </div>
                    <p>Wean yourself off caffeine/sugary snacks the week leading up to Mean Bean or else you'll suffer from caffeine withdrawal headaches or sugar cravings.</p>
                </div>
                <div class="mb-tip equalise">
                    <div class="mb-tip__title-container">
                        <div class="mb-tip__number">4</div>
                        <div class="mb-tip__title">
                            <h3>
                                Try Fasting
                            </h3>
                        </div>
                    </div>
                    <p>You could treat this as a fast. Expect God to be your sustenance as you choose not to live on bread alone (Deuteronomy 8:3).</p>
                    <picture>
                        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_Try_Fasting_Desktop.png, /images/mainsite5/mean-bean/2019/MeanBean_Guide_Try_Fasting_Desktop_@2x.png 2x">
                            <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_Try_Fasting_Mobile.png, /images/mainsite5/mean-bean/2019/MeanBean_Guide_Try_Fasting_Mobile_@2x.png 2x">
                                <img src="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png" alt="Get Set">
                            </picture>
                        </div>
                    </div>
                    <div class="mb-tip equalise">
                        <div class="mb-tip__title-container">
                            <div class="mb-tip__number">5</div>
                            <div class="mb-tip__title">
                                <h3>
                                    Team Up
                                </h3>
                            </div>
                        </div>
                        <p>Get your housemates, friends or family to do it with you. It's much harder if you're doing it alone, surrounded by other people tucking into some Coq au vin.</p>
                        <picture>
                            <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Desktop.png, /images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Desktop_@2x.png 2x">
                                <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile.png, /images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile_@2x.png 2x">
                                    <img src="/images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile.png" style="margin: 0 auto" alt="Get Set">
                                </picture>
                            </div>
                            <div class="mb-tip equalise">
                                <div class="mb-tip__title-container">
                                    <div class="mb-tip__number">6</div>
                                    <div class="mb-tip__title">
                                        <h3>
                                            Know your limits
                                        </h3>
                                    </div>
                                </div>
                                <p>Your brain will be operating on less sugar and this will reduce your mental capacity. You'll forget stuff more easily, lose your train of thought and operate more slowly – so take it easy.</p>
                            </div>
                            <div class="mb-tip equalise">
                                <div class="mb-tip__title-container">
                                    <div class="mb-tip__number">7</div>
                                    <div class="mb-tip__title">
                                        <h3>
                                            Take a Trip
                                        </h3>
                                    </div>
                                </div>
                                <p>Go to the supermarket at least once during the week. You'll notice the crazy amount of choice we have in the UK, which will help you reflect on how fortunate we are.</p>
                            </div>
                            <div class="mb-tip equalise">
                                <div class="mb-tip__title-container">
                                    <div class="mb-tip__number">8</div>
                                    <div class="mb-tip__title">
                                        <h3>
                                            Divide and Conquer
                                        </h3>
                                    </div>
                                </div>
                                <p>It can help to split up meals so that the hunger pangs are less severe – ie eat half your breakfast amount, then finish it at 11am.</p>
                            </div>
                            <div class="mb-tip equalise">
                                <div class="mb-tip__title-container">
                                    <div class="mb-tip__number">9</div>
                                    <div class="mb-tip__title">
                                        <h3>
                                            Keep busy
                                        </h3>
                                    </div>
                                </div>
                                <p>While it can be hard to make plans with friends when you know you’ll be hungry, having a couple of evenings being busy can help make the week go quickly.</p>
                            </div>
                            <div class="mb-tip equalise mb-tip--full equalise">
                                <div class="mb-tip__title-container">
                                    <div class="mb-tip__number">10</div>
                                    <div class="mb-tip__title">
                                        <h3>
                                            Celebrate
                                        </h3>
                                    </div>
                                </div>
                                <div class="large-col-6">
                                    <p>When the clock hits 6pm on Sunday 24 March, you’ll have completed something amazing. Around 20 per cent of donations come in after the challenge, so continue to remind people how they can sponsor you. Then, celebrate the fact that lives have been transformed, and treat yourself to a cuppa – <strong>you’ve earned it!</strong></p>
                                </div>
                                <div class="large-col-6">
                                    <picture>
                                        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_Celebrate_Desktop.png, /images/mainsite5/mean-bean/2019/MeanBean_Guide_Celebrate_Desktop_@2x.png 2x">
                                            <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_Celebrate_Mobile.png, /images/mainsite5/mean-bean/2019/MeanBean_Guide_Celebrate_Mobile_@2x.png 2x">
                                                <img src="/images/mainsite5/mean-bean/2019/MeanBean_Guide_Celebrate_Desktop.png" alt="Celebrate">
                                            </picture>
                                        </div>
                                    </div>
                                </div>
                            </section>
Twig
<section class="inner mean-bean">
	<div class="mb-tips clearfix">

	<h1>Top Ten <span>Tips</span></h1>

		<div class="equaliser-row">
			<div class="mb-tip equalise">
				<div class="mb-tip__title-container">
					<div class="mb-tip__number">1</div>
					<div class="mb-tip__title"><h3>Create Space</h3></div>
				</div>
				<p>Create some space during the week to just stop and reflect. You look at life differently during the challenge.</p>
			</div>

			<div class="mb-tip equalise">
				<div class="mb-tip__title-container">
					<div class="mb-tip__number">2</div>
					<div class="mb-tip__title"><h3>Stay Hydrated</h3></div>
				</div>
				<picture>
			        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/water.png, /images/mainsite5/mean-bean/water@2x.png 2x">
		            <img class="mb-water" src="/images/mainsite5/mean-bean/water.png" alt="Water">
	    	    </picture>
				<p>Drink loads of water – it will keep you hydrated and fill you up a little better when you're craving cake.</p>
			</div>
		</div>
		<div class="equaliser-row">
			<div class="mb-tip equalise">
				<div class="mb-tip__title-container">
					<div class="mb-tip__number">3</div>
					<div class="mb-tip__title"><h3>Prepare</h3></div>
				</div>
				<p>Wean yourself off caffeine/sugary snacks the week leading up to Mean Bean or else you'll suffer from caffeine withdrawal headaches or sugar cravings.</p>
			</div>

			<div class="mb-tip equalise">
				<div class="mb-tip__title-container">
					<div class="mb-tip__number">4</div>
					<div class="mb-tip__title"><h3>Try Fasting</h3></div>
				</div>
				<p>You could treat this as a fast. Expect God to be your sustenance as you choose not to live on bread alone (Deuteronomy 8:3).</p>
				<picture>
				        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_Try_Fasting_Desktop.png,  /images/mainsite5/mean-bean/2019/MeanBean_Guide_Try_Fasting_Desktop_@2x.png 2x">
				        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_Try_Fasting_Mobile.png, /images/mainsite5/mean-bean/2019/MeanBean_Guide_Try_Fasting_Mobile_@2x.png 2x">
			            <img src="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png" alt="Get Set">
		    	    </picture>
			</div>
		</div>

		<div class="mb-tip equalise">
			<div class="mb-tip__title-container">
				<div class="mb-tip__number">5</div>
				<div class="mb-tip__title"><h3>Team Up</h3></div>
			</div>
			<p>Get your housemates, friends or family to do it with you. It's much harder if you're doing it alone, surrounded by other people tucking into some Coq au vin.</p>
			<picture>
		        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Desktop.png,  /images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Desktop_@2x.png 2x">
		        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile.png, /images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile_@2x.png 2x">
	            <img src="/images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile.png" style="margin: 0 auto" alt="Get Set">
    	    </picture>
		</div>

		<div class="mb-tip equalise">
			<div class="mb-tip__title-container">
				<div class="mb-tip__number">6</div>
				<div class="mb-tip__title"><h3>Know your limits</h3></div>
			</div>
			<p>Your brain will be operating on less sugar and this will reduce your mental capacity. You'll forget stuff more easily, lose your train of thought and operate more slowly – so take it easy.</p>
		</div>

		<div class="mb-tip equalise">
			<div class="mb-tip__title-container">
				<div class="mb-tip__number">7</div>
				<div class="mb-tip__title"><h3>Take a Trip</h3></div>
			</div>
			<p>Go to the supermarket at least once during the week. You'll notice the crazy amount of choice we have in the UK, which will help you reflect on how fortunate we are.</p>
		</div>

		<div class="mb-tip equalise">
			<div class="mb-tip__title-container">
				<div class="mb-tip__number">8</div>
				<div class="mb-tip__title"><h3>Divide and Conquer</h3></div>
			</div>
			<p>It can help to split up meals so that the hunger pangs are less severe – ie eat half your breakfast amount, then finish it at 11am.</p>
		</div>

		<div class="mb-tip equalise">
			<div class="mb-tip__title-container">
				<div class="mb-tip__number">9</div>
				<div class="mb-tip__title"><h3>Keep busy</h3></div>
			</div>
			<p>While it can be hard to make plans with friends when you know you’ll be hungry, having a couple of evenings being busy can help make the week go quickly.</p>
		</div>

		<div class="mb-tip equalise mb-tip--full equalise">
			<div class="mb-tip__title-container">
				<div class="mb-tip__number">10</div>
				<div class="mb-tip__title"><h3>Celebrate</h3></div>
			</div>
			<div class="large-col-6">
				<p>When the clock hits 6pm on Sunday 24 March, you’ll have completed something amazing. Around 20 per cent of donations come in after the challenge, so continue to remind people how they can sponsor you. Then, celebrate the fact that lives have been transformed, and treat yourself to a cuppa – <strong>you’ve earned it!</strong></p>
			</div>
			<div class="large-col-6">
				<picture>
			        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_Celebrate_Desktop.png,  /images/mainsite5/mean-bean/2019/MeanBean_Guide_Celebrate_Desktop_@2x.png 2x">
			        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_Celebrate_Mobile.png, /images/mainsite5/mean-bean/2019/MeanBean_Guide_Celebrate_Mobile_@2x.png 2x">
		            <img src="/images/mainsite5/mean-bean/2019/MeanBean_Guide_Celebrate_Desktop.png" alt="Celebrate">
	    	    </picture>
	    	</div>
		</div>
	
	</div>

</section>
{}

Top Ten Tips

1

Create Space

Create some space during the week to just stop and reflect. You look at life differently during the challenge.

2

Stay Hydrated

Water

Drink loads of water – it will keep you hydrated and fill you up a little better when you're craving cake.

3

Prepare

Wean yourself off caffeine/sugary snacks the week leading up to Mean Bean or else you'll suffer from caffeine withdrawal headaches or sugar cravings.

4

Try Fasting

You could treat this as a fast. Expect God to be your sustenance as you choose not to live on bread alone (Deuteronomy 8:3).

Get Set
5

Team Up

Get your housemates, friends or family to do it with you. It's much harder if you're doing it alone, surrounded by other people tucking into some Coq au vin.

Get Set
6

Know your limits

Your brain will be operating on less sugar and this will reduce your mental capacity. You'll forget stuff more easily, lose your train of thought and operate more slowly – so take it easy.

7

Take a Trip

Go to the supermarket at least once during the week. You'll notice the crazy amount of choice we have in the UK, which will help you reflect on how fortunate we are.

8

Divide and Conquer

It can help to split up meals so that the hunger pangs are less severe – ie eat half your breakfast amount, then finish it at 11am.

9

Keep busy

While it can be hard to make plans with friends when you know you’ll be hungry, having a couple of evenings being busy can help make the week go quickly.

10

Celebrate

When the clock hits 6pm on Sunday 24 March, you’ll have completed something amazing. Around 20 per cent of donations come in after the challenge, so continue to remind people how they can sponsor you. Then, celebrate the fact that lives have been transformed, and treat yourself to a cuppa – you’ve earned it!

Celebrate
Header Resource {% include 'components/mean-bean/header-resource' %}
#
HTML
<div class="full-banner full-banner--mean-bean-alt full-banner--mean-bean-resources full-banner--image" data-image="/images/mainsite5/mean-bean/background.jpg" >
    <div class="inner">
        <div class="full-banner__content-wrapper">
            <!-- RESPONSIVE CONTAINER -->
            <!-- CONTENT START -->
            <div class="full-banner__content">
                <h1 class="full-banner__title">
                    Other Resources
                </h1>
                <div class="mean-bean-other-resources"></div>
            </div>
            <!-- CONTENT END -->
        </div>
    </div>
</div>
Twig
<div class="full-banner full-banner--mean-bean-alt full-banner--mean-bean-resources full-banner--image" data-image="/images/mainsite5/mean-bean/background.jpg" >
	<div class="inner">
		<div class="full-banner__content-wrapper"><!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
			<div class="full-banner__content">
				<h1 class="full-banner__title">Other Resources</h1>
				<div class="mean-bean-other-resources"></div>
			</div>
			<!-- CONTENT END -->
		</div>
	</div>
</div>
{}

Other Resources

Totaliser {% include 'components/mean-bean/totaliser' %}
#
HTML
<div class="inner mean-bean">
    <div class="mean-bean-totaliser">
        <div class="mean-bean-totaliser__character"></div>
        <div class="giving-bar__amount giving-bar__community-amount">
            <div class="giving-bar__amount-total">
                <div class="giving-bar__amount-currency">
                    £
                    <input type="number" min="5" max="12000" step="1" class="giving-bar__input" style="width: 33px;">
                </div>
            </div>
        </div>
        <div class="giving-bar__content giving-bar__community-content" id="give">
            <div class="giving-description" data-min="72.00" data-max="288.00">
£72 could restore hope and value to a 1 woman like Birungi through business skills training. </div>
            <div class="giving-description hide" data-min="288.00" data-max="576.00">
£288 could restore hope and value to a 4 women like Birungi through business skills training. </div>
        </div>
        <div class="giving-bar__giving">
            <div class="mean-bean-slider"></div>
            Slide the bean to see how your fundraising could help change lives.

        </div>
        <a class="button button--mean-bean">
            <div class="button--mean-bean__left-white"></div>
            <div class="button--mean-bean__top"></div>
            <div class="button--mean-bean__left"></div>
            Sign Up Today

            <div class="button--mean-bean__bottom-white"></div>
            <div class="button--mean-bean__right"></div>
            <div class="button--mean-bean__bottom"></div>
        </a>
    </div>
</div>
Twig
<div class="inner mean-bean">
	<div class="mean-bean-totaliser">

		<div class="mean-bean-totaliser__character"></div>

		<div class="giving-bar__amount giving-bar__community-amount">
			<div class="giving-bar__amount-total">
				<div class="giving-bar__amount-currency">£<input type="number" min="5" max="12000" step="1" class="giving-bar__input" style="width: 33px;"></div>
			</div>
		</div>	

		<div class="giving-bar__content giving-bar__community-content" id="give">
			<div class="giving-description" data-min="72.00" data-max="288.00">
				£72 could restore hope and value to a 1 woman like Birungi through business skills training.  
			</div>
			<div class="giving-description hide" data-min="288.00" data-max="576.00">
				£288 could restore hope and value to a 4 women like Birungi through business skills training.  
			</div>

		</div>

		<div class="giving-bar__giving">		
			<div class="mean-bean-slider"></div>
			Slide the bean to see how your fundraising could help change lives.
		</div>

		<a class="button button--mean-bean">
			<div class="button--mean-bean__left-white"></div>
			<div class="button--mean-bean__top"></div>
			<div class="button--mean-bean__left"></div>
			Sign Up Today
			<div class="button--mean-bean__bottom-white"></div>
			<div class="button--mean-bean__right"></div>
			<div class="button--mean-bean__bottom"></div>
		</a>

	</div>
</div>
{}
£
£72 could restore hope and value to a 1 woman like Birungi through business skills training.
£288 could restore hope and value to a 4 women like Birungi through business skills training.
Slide the bean to see how your fundraising could help change lives.
Sign Up Today
Header Guide {% include 'components/mean-bean/header-guide' %}
#
HTML
<div class="full-banner full-banner--mean-bean-alt full-banner--image" data-image="/images/mainsite5/mean-bean/background.jpg" >
    <div class="inner">
        <div class="full-banner__content-wrapper">
            <!-- RESPONSIVE CONTAINER -->
            <!-- CONTENT START -->
            <div class="full-banner__content">
                <h1 class="full-banner__title">
                    Mean Bean Guide
                </h1>
                <p>Everything you need to take on the Mean Bean Challenge</p>
                <div class="mean-bean-guide"></div>
            </div>
            <!-- CONTENT END -->
        </div>
    </div>
</div>
Twig
<div class="full-banner full-banner--mean-bean-alt full-banner--image" data-image="/images/mainsite5/mean-bean/background.jpg" >
	<div class="inner">
		<div class="full-banner__content-wrapper"><!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
			<div class="full-banner__content">
				<h1 class="full-banner__title">Mean Bean Guide</h1>
				<p>Everything you need to take on the Mean Bean Challenge</p>
				<div class="mean-bean-guide"></div>
			</div>
			<!-- CONTENT END -->
		</div>
	</div>
</div>
{}

Mean Bean Guide

Everything you need to take on the Mean Bean Challenge

Cta Bar {% include 'components/mean-bean/cta-bar' %}
#
HTML
<div class="mean-bean">
    <div class="mean-bean-cta clearfix">
        <div class="inner">
            <a href="#" class="mean-bean-cta__button mean-bean-cta__button--green">Mean Bean <span>guide</span></a>
            <a href="#" class="mean-bean-cta__button mean-bean-cta__button--orange">Nutrition <span>Advice</span></a>
            <a href="#" class="mean-bean-cta__button mean-bean-cta__button--red"><span class="top">48 HR</span> <span class="middle">youth</span> <span class="bottom">sign up</span></a>
            <a href="#" class="mean-bean-cta__button mean-bean-cta__button--faq">FAQs</a>

        </div>
    </div>
    <h2 class="pl-header">
        Sign Up Bar
    </h2>
    <div class="mean-bean-sign-section">
        <a class="button button--mean-bean">
            <div class="button--mean-bean__left-white"></div>
            <div class="button--mean-bean__top"></div>
            <div class="button--mean-bean__left"></div>
            Sign Up Today

            <div class="button--mean-bean__bottom-white"></div>
            <div class="button--mean-bean__right"></div>
            <div class="button--mean-bean__bottom"></div>
        </a>
        <a href="#" class="button button--mean-bean button--mean-bean--red">
            <div class="button--mean-bean__left-white"></div>
            <div class="button--mean-bean__top"></div>
            <div class="button--mean-bean__left"></div>
            Remind Me

            <div class="button--mean-bean__bottom-white"></div>
            <div class="button--mean-bean__right"></div>
            <div class="button--mean-bean__bottom"></div>
        </a>
        <h2>
            Mean Beans <span>Fight Hunger.</span>
        </h2>
    </div>
</div>
Twig
<div class="mean-bean">	
	<div class="mean-bean-cta clearfix">
		<div class="inner">
			<a href="#" class="mean-bean-cta__button mean-bean-cta__button--green">Mean Bean <span>guide</span></a>
			<a href="#" class="mean-bean-cta__button mean-bean-cta__button--orange">Nutrition <span>Advice</span></a>
			<a href="#" class="mean-bean-cta__button mean-bean-cta__button--red"><span class="top">48 HR</span> <span class="middle">youth</span> <span class="bottom">sign up</span></a>
			<a href="#" class="mean-bean-cta__button mean-bean-cta__button--faq">FAQs</a>
		</div>
	</div>

	<h2 class="pl-header">Sign Up Bar</h2>
	<div class="mean-bean-sign-section">
		<a class="button button--mean-bean">
			<div class="button--mean-bean__left-white"></div>
			<div class="button--mean-bean__top"></div>
			<div class="button--mean-bean__left"></div>
			Sign Up Today
			<div class="button--mean-bean__bottom-white"></div>
			<div class="button--mean-bean__right"></div>
			<div class="button--mean-bean__bottom"></div>
		</a>
		<a href="#" class="button button--mean-bean button--mean-bean--red">
			<div class="button--mean-bean__left-white"></div>
			<div class="button--mean-bean__top"></div>
			<div class="button--mean-bean__left"></div>
			Remind Me
			<div class="button--mean-bean__bottom-white"></div>
			<div class="button--mean-bean__right"></div>
			<div class="button--mean-bean__bottom"></div>
		</a>
		<h2>Mean Beans <span>Fight Hunger.</span></h2>
	</div>	
</div>
{}
Story Quote {% include 'components/mean-bean/story-quote' %}
#
HTML
<div class="inner">
    <div class="mb-matunda-quote">
        <div class="mb-matunda-quote__image large-col-6"></div>
        <div class="mb-matunda-quote__quote large-col-6">"I feel incredibly sad when I don’t have anything to give the children, but I don't know a place where I can get more food" <span>Matunda</span></div>
    </div>
</div>
Twig
<div class="inner">
	<div class="mb-matunda-quote">
	 <div class="mb-matunda-quote__image large-col-6"></div>
	 <div class="mb-matunda-quote__quote large-col-6">"I feel incredibly sad when I don’t have anything to give the children, but I don't know a place where I can get more food"
	 <span>Matunda</span></div>

	</div>
</div>
{}
"I feel incredibly sad when I don’t have anything to give the children, but I don't know a place where I can get more food" Matunda
Nutrition {% include 'components/mean-bean/nutrition' %}
#
HTML
<div class="mean-bean">
    <div class="inner clearfix">
        <div class="large-col-8">
            <div class="grey-section">
                <div class="">
                    <h3 class="mobile-only">
                        What exactly am I allowed to eat during the mean bean challenge?
                    </h3>
                    <div class="mb-eat"></div>
                    <h3 class="desktop-only">
                        What exactly am I allowed to eat during the mean bean challenge?
                    </h3>
                    <div class="mb-eat-plan">
                        <p><strong>For breakfast:</strong> Porridge made with water.</p>
                        <p><strong>For lunch and dinner:</strong> Plain beans with plain race.</p>
                        <p><strong>And to drink?</strong> Just water.</p>
                        <p><strong>Seasonings?</strong> A small amount of salt is allowed, but no black pepper, chilli flakes or Herbes de Province.</p>
                        <p><strong>What about my Piri Piri sauce?</strong> Sauces are a big no-no, I'm afraid. So no baked beans, either.</p>
                        <p><strong>What types of beans are allowed?</strong> Definitely not jelly beans, if that's what you're asking. Just kidney beans, black-eyed beans, butter beans etc. Chickpeas, funnily enough, aren’t peas at all, but are in fact beans. So chickpea to your heart’s content.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="large-col-4">
            <div class="mean-bean-positioner mean-bean-positioner--calorie">
                <div class="mean-bean-blue-block mean-bean-yellow-block--calorie">
                    <h3>
                        What is the normal recommended calorie intake for Men and Women?
                    </h3>
                    <p>Calories measure how much energy food and drink contain. The amount of energy you need will depend on your age, lifestyle, size, gender and state of health. <strong>The guideline daily amount of calories is 2,000Kcal for women and 2,500Kcal for men.</strong> These are only guidelines, however. In reality there is no such thing as an energy requirement that suits everyone. We all need a certain amount of calories to provide our bodies with the energy they need to keep ticking over.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="grey-section grey-section--dark">
        <div class="inner clearfix">
            <h1>
                More on Calories
            </h1>
            <div class="mb-porridge-intake">
                <div class="mb-porridge-water"></div>
                <h4>
                    What would my calorie intake of 100G* of porridge and water give me?
                </h4>
                <p>
                    Approximately <strong>360Kcal</strong>.
                    <br />
                    *Dry Weight
                </p>
            </div>
            <div class="mb-bean-intake">
                <div class="mean-bean-welcome__plate"></div>
                <h4>
                    WHAT WOULD BE MY CALORIE INTAKE IF I ATE 50G OF PLAIN COOKED RICE AND 100G (DRAINED WEIGHT) OF COOKED KIDNEY BEANS?
                </h4>
                <p>50g of plain, cooked rice is approximately 190Kcal, with 100g of drained kidney beans being approximately 125Kcal. The total calorie intake for one Mean Bean meal would be <strong>315Kcal.</strong></p>
            </div>
        </div>
    </div>
    <div class="inner">
        <h3 class="center-text">
            WHAT MINIMUM DAILY QUANTITIES DO YOU RECOMMEND?
        </h3>
        <div class="clearfix">
            <div class="breakfast-reccomend">
                <div class="mean-bean-yellow-block">
                    <div class="large-col-4">
                        <h4>
                            Breakfast
                        </h4>
                        <p>100g porridge, made with water</p>
                    </div>
                    <div class="large-col-4">
                        <h4>
                            Lunch
                        </h4>
                        <p>50g rice with 100g beans</p>
                    </div>
                    <div class="large-col-4">
                        <h4>
                            Dinner
                        </h4>
                        <p>50g rice with 100g beans</p>
                    </div>
                    <p>NB: Weights referred to are for uncooked rice and drained kidney beans. <strong>This amounts to approximately 990Kcal per day.</strong>
However, as previously highlighted, everyone's body is different, so it's best for everyone to determine themselves what daily quantities they feel they can manage.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="inner">
        <h1 class="center-text nutrient-header">
            What nutrients would I get from <span>just eating porridge, rice and beans?</span>
        </h1>
    </div>
    <div class="grey-section">
        <div class="inner clearfix">
            <div class="large-col-6">
                <div class="nutrients-rice"></div>
            </div>
            <div class="large-col-6 large-col-offset-6">
                <div class="mean-bean-step">
                    <p><strong>FIBRE - </strong>helps to maintain bowel function.</p>
                    <p><strong>B Vitamins - </strong>for example, thiamine which helps the body use energy from the carbohydrates we eat.</p>
                    <p><strong>IRON - </strong>required by red blood cells which transport oxygen around the body.</p>
                    <p><strong>CALCIUM - </strong>to help develop and maintain healthy bones and teeth.</p>
                    <p><strong>FOLATE - </strong>needed for the formation of healthy red blood cells and for the nervous system.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="inner clearfix">
        <div class="large-col-6">
            <div class="nutrients-beans"></div>
        </div>
        <div class="large-col-6 large-col-offset-6">
            <div class="mean-bean-step">
                <p>Beans are high in fibre and naturally lower in fat than animal sources of protein. This good group is a really important part of a healty, balanced diet, as these foods are good sources of protein, and lots of essential vitamins and minerals.</p>
                <p><strong>PROTEIN - </strong>for growth and maintanence of normal muscles and maintanance of healthy bones.</p>
                <p>One 80g portion of beans will count as one of your five a day.</p>
                <p>
                    <strong>However, if you eat any more than this in one day, it will still only count as one of your five a day - no matter how much you eat. This because although pulses contain fibre, they don't contain the same combinations of vitamins, minerals and other nutrients as fruit and vegetables.</strong>

                </div>
            </div>
        </div>
        <div class="grey-section">
            <div class="inner clearfix">
                <div class="large-col-6">
                    <div class="nutrients-oats"></div>
                </div>
                <div class="large-col-6 large-col-offset-6">
                    <div class="mean-bean-step">
                        <p><strong>THIAMINE - </strong>aids normal energy-yielding metabolism, growth, development, function of cells and the heart.</p>
                        <p><strong>FOLATE - </strong>contributes to normal blood formation, immune system, and protein and glycogen metabolism. Deficiency results in anaemia.</p>
                        <p><strong>IRON - </strong>contributes to normal red blood cell formation, cognitive function, oxygen transport in the body and function of the immune system.</p>
                        <p><strong>MAGNESIUM - </strong>helps with normal muscle function, electrolyte balance and maintanance of normal bones and teeth.</p>
                        <p><strong>ZINC - </strong>contributes to normal fertility and reporudction, cognitive function, wound healing and protein synthesis.</p>
                        <p><strong>DIETARY FIBRE - </strong>can reduce risk of heart disease, diabetes, some cancers and help weight control. It is also important for digestive health.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="inner clearfix">
            <div class="large-col-6">
                <div class="nutrients-water"></div>
            </div>
            <div class="large-col-6 large-col-offset-6">
                <div class="mean-bean-step">
                    <p>Water is essential for our bodies to work properly, for example, for regulating body temperature, transporting nutrients around the body and for normal brain function.</p>
                    <p>Drinking plenty of water relieves fatigue, improves mood, treats headaches and migraines, helps digestion and flushes out toxins.</p>
                </div>
            </div>
        </div>
        <div class="red-section clearfix">
            <div class="inner">
                <div class="large-col-6">
                    <h3>
                        What nourishment would I miss out on by just eating rice, beans and porridge?
                    </h3>
                    <p>Beans and rice are a staple diet in many countries around the world, making a complete protein when eaten together – one that contains all of the essential amino acids. While beans and rice, individually, are low in certain types of essential amino acids, each offers what the other lacks. However, eating beans and rice alone can lead to nutritional deficiencies in the long term.</p>
                </div>
                <div class="large-col-6">
                    <div class="mean-bean-positioner">
                        <div class="mean-bean-yellow-block--miss-out clearfix">
                            <div class="mb-miss-out"></div>
                            <div class="mb-miss-out-text">
                                <h4>
                                    YOU WILL MISS OUT ON:
                                </h4>
                                <ul>
                                    <li>Vitamins and minerals found in fruit and vegetables</li>
                                    <li>A variety of protein found in fish, meat and diary</li>
                                    <li>Some fat, which is essential in a healthy balanced diet</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="inner">
            <div class="clearfix mb-health-section">
                <div class="large-col-8 mb-symptoms">
                    <div class="mean-bean-yellow-block">
                        <div class="mb-flatulent-bean"></div>
                        <h3>
                            HOW WILL I EXPECT TO FEEL EATING THESE THREE THINGS FOR FIVE DAYS?
                        </h3>
                        <p><strong>Some side effects may occur and can include:</strong></p>
                        <ul>
                            <li>Hunger!</li>
                            <li>Dry mouth</li>
                            <li>Constipation or diarrhoea</li>
                            <li>Headaches (mainly due to caffeine and sugar withdrawals)</li>
                            <li>Dizziness</li>
                            <li>Flatulence (just blame it on the cat/dog/children)</li>
                        </ul>
                    </div>
                </div>
                <div class="large-col-4 mb-unwell">
                    <div class="mean-bean-yellow-block">
                        <div class="mean-bean-welcome__nutrition mean-bean-welcome__nutrition--unwell"></div>
                        <h3>
                            What should I do if I feel unwell?
                        </h3>
                        <p>Before starting a diet it is <strong>strongly advisable that you contact your GP</strong>, particularly if you are suffering from ill health or have a medical condition. If you feel unwell, stop doing the challenge.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="grey-section">
            <div class="inner">
                <h2 class="mb-heading-blue">
                    Case Study Headline
                </h2>
                <div class="nutrition-matunda"></div>
                <p>One meal a day of cassava leaves and yams would provide the necessary nutrients for anyone to function normally. The long-term effect of an unvaried diet, without fresh fruit and vegetables, would be to develop chronic malnutrition, with physical and menatal stunting as a consequence.</p>
                <p>Cassava leaves may be dangerour if consumed raw, in large amounts or when prepared incorrectly. This is because raw cassava contains poisonous chemicals which, when consumed frequently, are associated with paralysis and organ damage, and can be fatal.</p>
                <p>
                    This is the diet that poverty has forced Matunda and her community to eat. 
                    <br />
                    <strong>We won't stand idly by and let this happen. We won't stop until poverty stops.</strong>

                </div>
            </div>
        </div>
    </div>
Twig
<div class="mean-bean">
	<div class="inner clearfix">
		<div class="large-col-8">
			<div class="grey-section">
				<div class="">
					<h3 class="mobile-only">What exactly am I allowed to eat during the mean bean challenge?</h3>
					<div class="mb-eat"></div>
					<h3 class="desktop-only">What exactly am I allowed to eat during the mean bean challenge?</h3>
					<div class="mb-eat-plan">
						<p><strong>For breakfast:</strong> Porridge made with water.</p>
						<p><strong>For lunch and dinner:</strong> Plain beans with plain race.</p>
						<p><strong>And to drink?</strong> Just water.</p>
						<p><strong>Seasonings?</strong> A small amount of salt is allowed, but no black pepper, chilli flakes or Herbes de Province.</p>
						<p><strong>What about my Piri Piri sauce?</strong> Sauces are a big no-no, I'm afraid. So no baked beans, either.</p>
						<p><strong>What types of beans are allowed?</strong> Definitely not jelly beans, if that's what you're asking. Just kidney beans, black-eyed beans, butter beans etc. Chickpeas, funnily enough, aren’t peas at all, but are in fact beans. So chickpea to your heart’s content.</p>
					</div>
				</div>
			</div>
		</div>
		<div class="large-col-4">
			<div class="mean-bean-positioner mean-bean-positioner--calorie">
				<div class="mean-bean-blue-block mean-bean-yellow-block--calorie">
					<h3>What is the normal recommended calorie intake for Men and Women?</h3>
					<p>Calories measure how much energy food and drink contain. The amount of energy you need will depend on your age, lifestyle, size, gender and state of health. <strong>The guideline daily amount of calories is 2,000Kcal for women and 2,500Kcal for men.</strong> These are only guidelines, however. In reality there is no such thing as an energy requirement that suits everyone. We all need a certain amount of calories to provide our bodies with the energy they need to keep ticking over.</p>
				</div>
			</div>
		</div>
	</div>
	<div class="grey-section grey-section--dark">
		<div class="inner clearfix">
			<h1>More on Calories</h1>
			<div class="mb-porridge-intake">
				<div class="mb-porridge-water"></div>
				<h4>What would my calorie intake of 100G* of porridge and water give me?</h4>
				<p>Approximately <strong>360Kcal</strong>.<br />
				*Dry Weight</p>
			</div>

			<div class="mb-bean-intake">
				<div class="mean-bean-welcome__plate"></div>
				<h4>WHAT WOULD BE MY CALORIE INTAKE IF I ATE 50G OF PLAIN COOKED RICE AND 100G (DRAINED WEIGHT) OF COOKED KIDNEY BEANS?</h4>
				<p>50g of plain, cooked rice is approximately 190Kcal, with 100g of drained kidney beans being approximately 125Kcal. The total calorie intake for one Mean Bean meal would be <strong>315Kcal.</strong></p>
			</div>
		</div>
	</div>
	<div class="inner">
		<h3 class="center-text">WHAT MINIMUM DAILY QUANTITIES DO YOU RECOMMEND?</h3>
		<div class="clearfix">
			<div class="breakfast-reccomend">
				<div class="mean-bean-yellow-block">
					<div class="large-col-4">
						<h4>Breakfast</h4>
						<p>100g porridge, made with water</p>
					</div>

					<div class="large-col-4">
						<h4>Lunch</h4>
						<p>50g rice with 100g beans</p>
					</div>

					<div class="large-col-4">
						<h4>Dinner</h4>
						<p>50g rice with 100g beans</p>
					</div>

					<p>NB: Weights referred to are for uncooked rice and drained kidney beans. <strong>This amounts to approximately 990Kcal per day.</strong>
					However, as previously highlighted, everyone's body is different, so it's best for everyone to determine themselves what daily quantities they feel they can manage.</p>

				</div>
			</div>
		</div>
	</div>

		<div class="inner">
			<h1 class="center-text nutrient-header">What nutrients would I get from <span>just eating porridge, rice and beans?</span></h1>
		</div>
		<div class="grey-section">
			<div class="inner clearfix">
				<div class="large-col-6">
					<div class="nutrients-rice"></div>
				</div>
				<div class="large-col-6 large-col-offset-6">
					<div class="mean-bean-step">
						<p><strong>FIBRE - </strong>helps to maintain bowel function.</p>
						<p><strong>B Vitamins - </strong>for example, thiamine which helps the body use energy from the carbohydrates we eat.</p>
						<p><strong>IRON - </strong>required by red blood cells which transport oxygen around the body.</p>
						<p><strong>CALCIUM - </strong>to help develop and maintain healthy bones and teeth.</p>
						<p><strong>FOLATE - </strong>needed for the formation of healthy red blood cells and for the nervous system.</p>
					</div>
				</div>
			</div>
		</div>
			<div class="inner clearfix">
				<div class="large-col-6">
					<div class="nutrients-beans"></div>
				</div>
				<div class="large-col-6 large-col-offset-6">
					<div class="mean-bean-step">
						<p>Beans are high in fibre and naturally lower in fat than animal sources of protein. This good group is a really important part of a healty, balanced diet, as these foods are good sources of protein, and lots of essential vitamins and minerals.</p>
						<p><strong>PROTEIN - </strong>for growth and maintanence of normal muscles and maintanance of healthy bones.</p>
						<p>One 80g portion of beans will count as one of your five a day.</p>
						<p><strong>However, if you eat any more than this in one day, it will still only count as one of your five a day - no matter how much you eat. This because although pulses contain fibre, they don't contain the same combinations of vitamins, minerals and other nutrients as fruit and vegetables.</strong>
					</div>
				</div>
			</div>
		<div class="grey-section">
			<div class="inner clearfix">
				<div class="large-col-6">
					<div class="nutrients-oats"></div>
				</div>
				<div class="large-col-6 large-col-offset-6">
					<div class="mean-bean-step">
						<p><strong>THIAMINE - </strong>aids normal energy-yielding metabolism, growth, development, function of cells and the heart.</p>
						<p><strong>FOLATE - </strong>contributes to normal blood formation, immune system, and protein and glycogen metabolism. Deficiency results in anaemia.</p>
						<p><strong>IRON - </strong>contributes to normal red blood cell formation, cognitive function, oxygen transport in the body and function of the immune system.</p>
						<p><strong>MAGNESIUM - </strong>helps with normal muscle function, electrolyte balance and maintanance of normal bones and teeth.</p>
						<p><strong>ZINC - </strong>contributes to normal fertility and reporudction, cognitive function, wound healing and protein synthesis.</p>
						<p><strong>DIETARY FIBRE - </strong>can reduce risk of heart disease, diabetes, some cancers and help weight control. It is also important for digestive health.</p>
					</div>
				</div>
			</div>
		</div>
		<div class="inner clearfix">
			<div class="large-col-6">
				<div class="nutrients-water"></div>
			</div>
			<div class="large-col-6 large-col-offset-6">
				<div class="mean-bean-step">
					<p>Water is essential for our bodies to work properly, for example, for regulating body temperature, transporting nutrients around the body and for normal brain function.</p>
					<p>Drinking plenty of water relieves fatigue, improves mood, treats headaches and migraines, helps digestion and flushes out toxins.</p>
				</div>
			</div>
		</div>
		<div class="red-section clearfix">
			<div class="inner">
				<div class="large-col-6">
					<h3>What nourishment would I miss out on by just eating rice, beans and porridge?</h3>
					<p>Beans and rice are a staple diet in many countries around the world, making a complete protein when eaten together – one that contains all of the essential amino acids. While beans and rice, individually, are low in certain types of essential amino acids, each offers what the other lacks. However, eating beans and rice alone can lead to nutritional deficiencies in the long term.</p>
				</div>

				<div class="large-col-6">
					<div class="mean-bean-positioner">
						<div class="mean-bean-yellow-block--miss-out clearfix">
							<div class="mb-miss-out"></div>
							<div class="mb-miss-out-text">
								<h4>YOU WILL MISS OUT ON:</h4>
								<ul>
									<li>Vitamins and minerals found in fruit and vegetables</li>
									<li>A variety of protein found in fish, meat and diary</li>
									<li>Some fat, which is essential in a healthy balanced diet</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="inner">
			<div class="clearfix mb-health-section">
				<div class="large-col-8 mb-symptoms">
					<div class="mean-bean-yellow-block">
						<div class="mb-flatulent-bean"></div>
						<h3>HOW WILL I EXPECT TO FEEL EATING THESE THREE THINGS FOR FIVE DAYS?</h3>
						<p><strong>Some side effects may occur and can include:</strong></p>
						<ul>
							<li>Hunger!</li>
							<li>Dry mouth</li>
							<li>Constipation or diarrhoea</li>
							<li>Headaches (mainly due to caffeine and sugar withdrawals)</li>
							<li>Dizziness</li>
							<li>Flatulence (just blame it on the cat/dog/children)</li>
						</ul>
					</div>
				</div>

				<div class="large-col-4 mb-unwell">
					<div class="mean-bean-yellow-block">
						<div class="mean-bean-welcome__nutrition mean-bean-welcome__nutrition--unwell"></div>
						<h3>What should I do if I feel unwell?</h3>
						<p>Before starting a diet it is <strong>strongly advisable that you contact your GP</strong>, particularly if you are suffering from ill health or have a medical condition. If you feel unwell, stop doing the challenge.</p>
					</div>
				</div>
			</div>
		</div>
		<div class="grey-section">
			<div class="inner">
				<h2 class="mb-heading-blue">Case Study Headline</h2>
				<div class="nutrition-matunda"></div>
				<p>One meal a day of cassava leaves and yams would provide the necessary nutrients for anyone to function normally. The long-term effect of an unvaried diet, without fresh fruit and vegetables, would be to develop chronic malnutrition, with physical and menatal stunting as a consequence.</p>
				<p>Cassava leaves may be dangerour if consumed raw, in large amounts or when prepared incorrectly. This is because raw cassava contains poisonous chemicals which, when consumed frequently, are associated with paralysis and organ damage, and can be fatal.</p>
				<p>This is the diet that poverty has forced Matunda and her community to eat. <br />
				<strong>We won't stand idly by and let this happen. We won't stop until poverty stops.</strong>
			</div>
		</div>
	</div>
</div>
{}

What exactly am I allowed to eat during the mean bean challenge?

What exactly am I allowed to eat during the mean bean challenge?

For breakfast: Porridge made with water.

For lunch and dinner: Plain beans with plain race.

And to drink? Just water.

Seasonings? A small amount of salt is allowed, but no black pepper, chilli flakes or Herbes de Province.

What about my Piri Piri sauce? Sauces are a big no-no, I'm afraid. So no baked beans, either.

What types of beans are allowed? Definitely not jelly beans, if that's what you're asking. Just kidney beans, black-eyed beans, butter beans etc. Chickpeas, funnily enough, aren’t peas at all, but are in fact beans. So chickpea to your heart’s content.

What is the normal recommended calorie intake for Men and Women?

Calories measure how much energy food and drink contain. The amount of energy you need will depend on your age, lifestyle, size, gender and state of health. The guideline daily amount of calories is 2,000Kcal for women and 2,500Kcal for men. These are only guidelines, however. In reality there is no such thing as an energy requirement that suits everyone. We all need a certain amount of calories to provide our bodies with the energy they need to keep ticking over.

More on Calories

What would my calorie intake of 100G* of porridge and water give me?

Approximately 360Kcal.
*Dry Weight

WHAT WOULD BE MY CALORIE INTAKE IF I ATE 50G OF PLAIN COOKED RICE AND 100G (DRAINED WEIGHT) OF COOKED KIDNEY BEANS?

50g of plain, cooked rice is approximately 190Kcal, with 100g of drained kidney beans being approximately 125Kcal. The total calorie intake for one Mean Bean meal would be 315Kcal.

WHAT MINIMUM DAILY QUANTITIES DO YOU RECOMMEND?

Breakfast

100g porridge, made with water

Lunch

50g rice with 100g beans

Dinner

50g rice with 100g beans

NB: Weights referred to are for uncooked rice and drained kidney beans. This amounts to approximately 990Kcal per day. However, as previously highlighted, everyone's body is different, so it's best for everyone to determine themselves what daily quantities they feel they can manage.

What nutrients would I get from just eating porridge, rice and beans?

FIBRE - helps to maintain bowel function.

B Vitamins - for example, thiamine which helps the body use energy from the carbohydrates we eat.

IRON - required by red blood cells which transport oxygen around the body.

CALCIUM - to help develop and maintain healthy bones and teeth.

FOLATE - needed for the formation of healthy red blood cells and for the nervous system.

Beans are high in fibre and naturally lower in fat than animal sources of protein. This good group is a really important part of a healty, balanced diet, as these foods are good sources of protein, and lots of essential vitamins and minerals.

PROTEIN - for growth and maintanence of normal muscles and maintanance of healthy bones.

One 80g portion of beans will count as one of your five a day.

However, if you eat any more than this in one day, it will still only count as one of your five a day - no matter how much you eat. This because although pulses contain fibre, they don't contain the same combinations of vitamins, minerals and other nutrients as fruit and vegetables.

THIAMINE - aids normal energy-yielding metabolism, growth, development, function of cells and the heart.

FOLATE - contributes to normal blood formation, immune system, and protein and glycogen metabolism. Deficiency results in anaemia.

IRON - contributes to normal red blood cell formation, cognitive function, oxygen transport in the body and function of the immune system.

MAGNESIUM - helps with normal muscle function, electrolyte balance and maintanance of normal bones and teeth.

ZINC - contributes to normal fertility and reporudction, cognitive function, wound healing and protein synthesis.

DIETARY FIBRE - can reduce risk of heart disease, diabetes, some cancers and help weight control. It is also important for digestive health.

Water is essential for our bodies to work properly, for example, for regulating body temperature, transporting nutrients around the body and for normal brain function.

Drinking plenty of water relieves fatigue, improves mood, treats headaches and migraines, helps digestion and flushes out toxins.

What nourishment would I miss out on by just eating rice, beans and porridge?

Beans and rice are a staple diet in many countries around the world, making a complete protein when eaten together – one that contains all of the essential amino acids. While beans and rice, individually, are low in certain types of essential amino acids, each offers what the other lacks. However, eating beans and rice alone can lead to nutritional deficiencies in the long term.

YOU WILL MISS OUT ON:

  • Vitamins and minerals found in fruit and vegetables
  • A variety of protein found in fish, meat and diary
  • Some fat, which is essential in a healthy balanced diet

HOW WILL I EXPECT TO FEEL EATING THESE THREE THINGS FOR FIVE DAYS?

Some side effects may occur and can include:

  • Hunger!
  • Dry mouth
  • Constipation or diarrhoea
  • Headaches (mainly due to caffeine and sugar withdrawals)
  • Dizziness
  • Flatulence (just blame it on the cat/dog/children)

What should I do if I feel unwell?

Before starting a diet it is strongly advisable that you contact your GP, particularly if you are suffering from ill health or have a medical condition. If you feel unwell, stop doing the challenge.

Case Study Headline

One meal a day of cassava leaves and yams would provide the necessary nutrients for anyone to function normally. The long-term effect of an unvaried diet, without fresh fruit and vegetables, would be to develop chronic malnutrition, with physical and menatal stunting as a consequence.

Cassava leaves may be dangerour if consumed raw, in large amounts or when prepared incorrectly. This is because raw cassava contains poisonous chemicals which, when consumed frequently, are associated with paralysis and organ damage, and can be fatal.

This is the diet that poverty has forced Matunda and her community to eat.
We won't stand idly by and let this happen. We won't stop until poverty stops.

Yellow Bar {% include 'components/mean-bean/yellow-bar' %}
#
HTML
<div class="mean-bean mean-bean-yellow-strip clearfix">
    <div class="inner">
        <div class="large-col-7">
            <h2>
                How your fundraiser will help
            </h2>
            <p><strong>£360 could enable 5 people like Birungi to learn a new skill restoring hope, value and potential.</strong></p>
            <div class="mean-bean-button">
                <a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean">
                    <div class="button-bottom"></div>
                    <div class="button-top">Sign Up Today</div>
                </a>
            </div>
        </div>
        <div class="large-col-4 column-lift">
            <picture>
                <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Desktop.png, /images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Desktop_@2x.png 2x">
                    <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Mobile.png, /images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Mobile_@2x.png 2x">
                        <img src="/images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Mobile.png" alt="Mean Bean Challenge">
                    </picture>
                </div>
            </div>
        </div>
Twig
<div class="mean-bean mean-bean-yellow-strip clearfix">

	<div class="inner">

		<div class="large-col-7">
			<h2>How your fundraiser will help</h2>
			<p><strong>£360 could enable 5 people like Birungi to learn a new skill restoring hope, value and potential.</strong></p>
			<div class="mean-bean-button">
				<a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean">
					
					<div class="button-bottom"></div>
					<div class="button-top">Sign Up Today</div>
					
				</a>
			</div>
		</div>

		<div class="large-col-4 column-lift">
			<picture>
				  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Desktop.png, /images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Desktop_@2x.png 2x">
				  <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Mobile.png, /images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Mobile_@2x.png 2x">
				  <img src="/images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Mobile.png" alt="Mean Bean Challenge">
			</picture> 
		</div>

	</div>

</div>
{}

How your fundraiser will help

£360 could enable 5 people like Birungi to learn a new skill restoring hope, value and potential.

Mean Bean Challenge
Footer {% include 'components/mean-bean/footer' %}
#
HTML
<div class="mean-bean">
    <div class="mean-bean-sign-section">
        <div class="inner clearfix">
            <div class="mobile-only">
                <h2>
                    Eat Beans <span class="big">Fight</span> <span class="small">Hunger.</span>
                </h2>
            </div>
            <picture>
                <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/Main_Footer_Desktop.png, /images/mainsite5/mean-bean/2019/Main_Footer_Desktop_@2x.png 2x">
                    <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/gifs/MeanBean_Main_Footer_Mobile.gif, /images/mainsite5/mean-bean/2019/gifs/MeanBean_Main_Footer_Mobile@2x.gif 2x">
                        <img src="/images/mainsite5/mean-bean/2019/MeanBean_Main_Footer_Mobile@2x.gif" alt="Mean Bean Challenge">
                    </picture>
                    <div class="desktop-only">
                        <h2>
                            Eat Beans <span class="big">Fight</span> <span class="small">Hunger.</span>
                        </h2>
                    </div>
                    <div class="large-col-6">
                        <div>
                            <a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean">
                                <div class="button-bottom"></div>
                                <div class="button-top">Sign Up Today</div>
                            </a>
                        </div>
                    </div>
                    <div class="large-col-6">
                        <div>
                            <a href="javascript:void(0);" data-lightbox="1" class="show-lightbox button button--mean-bean button--mean-bean-red">
                                <div class="button-bottom"></div>
                                <div class="button-top">Invite a friend</div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="lightbox lightbox--large mean-bean" data-lightbox="1">
            <picture class="desktop-only">
                <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile.png, /images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile_@2x.png 2x">
                    <img src="/images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile.png" class="lightbox-image" alt="Mean Bean Challenge">
                </picture>
                <h1>
                    Invite a friend 
                </h1>
                <p>Invite a friend to attempt the Mean Bean Challenge via…</p>
                <div class="share-container">
                    <a href="mailto:?&subject=Mean Bean&body=Copy" class="share-button share-button--email">
                        <div class="share-button__content">
                            <img src="/images/mainsite5/svg/social/email.svg" />
                            <div class="share-button__text"> Email</div>
                        </div>
                    </a>
                    <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tearfund.org/meanbean" class="share-button share-button--facebook">
                        <div class="share-button__content">
                            <img src="/images/mainsite5/svg/social/facebook.svg" />
                            <div class="share-button__text"> Facebook</div>
                        </div>
                    </a>
                    <a href="http://twitter.com/share?text=text goes here&url=http://url goes here&hashtags=hashtag1,hashtag2,hashtag3
" class="share-button share-button--twitter">
                        <div class="share-button__content">
                            <img src="/images/mainsite5/svg/social/twitter.svg" />
                            <div class="share-button__text"> Twitter</div>
                        </div>
                    </a>
                    <a href="whatsapp://send" data-text="Take a look at this awesome website:" data-href="" class="share-button share-button--whatsapp mobile-only">
                        <div class="share-button__content">
                            <img src="/images/mainsite5/svg/social/whatsapp.svg" />
                            <div class="share-button__text"> Whatsapp</div>
                        </div>
                    </a>
                </div>
                <div class="lightbox__close-circle"><a href="#" class="lightbox__close lightbox__close--icon"></a></div>
            </div>
Twig
<div class="mean-bean">	
	<div class="mean-bean-sign-section">
		<div class="inner clearfix">

			<div class="mobile-only">
				<h2>Eat Beans <span class="big">Fight</span> <span class="small">Hunger.</span></h2>
			</div>
			
			<picture>
			  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/Main_Footer_Desktop.png, /images/mainsite5/mean-bean/2019/Main_Footer_Desktop_@2x.png 2x">
			  <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/gifs/MeanBean_Main_Footer_Mobile.gif, /images/mainsite5/mean-bean/2019/gifs/MeanBean_Main_Footer_Mobile@2x.gif 2x">
			  <img src="/images/mainsite5/mean-bean/2019/MeanBean_Main_Footer_Mobile@2x.gif" alt="Mean Bean Challenge">
			</picture> 

			<div class="desktop-only">
				<h2>Eat Beans <span class="big">Fight</span> <span class="small">Hunger.</span></h2>
			</div>

				<div class="large-col-6">
					<div>
						<a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean">
							
							<div class="button-bottom"></div>
							<div class="button-top">Sign Up Today</div>
							
						</a>
					</div>
				</div>


				<div class="large-col-6">
					<div>
						<a href="javascript:void(0);" data-lightbox="1" class="show-lightbox button button--mean-bean button--mean-bean-red">
							
							<div class="button-bottom"></div>
							<div class="button-top">Invite a friend</div>
							
						</a>
					</div>
				</div>

		</div>
	</div>
</div>

<div class="lightbox lightbox--large mean-bean" data-lightbox="1">
    <picture class="desktop-only">
        <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile.png, /images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile_@2x.png 2x">
            <img src="/images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile.png" class="lightbox-image" alt="Mean Bean Challenge">
        </picture>
        <h1>
            Invite a friend
        </h1>
        <p>Invite a friend to attempt the Mean Bean Challenge via…</p>
        <div class="share-container">
       		<a href="mailto:?&subject=Mean Bean&body=Copy" class="share-button share-button--email">
	            <div class="share-button__content">
	                <img src="/images/mainsite5/svg/social/email.svg" />
	                <div class="share-button__text"> Email</div>
	            </div>
	        </a>
	        <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A//tearfund.org/meanbean" class="share-button share-button--facebook">
	            <div class="share-button__content">
	                <img src="/images/mainsite5/svg/social/facebook.svg" />
	                <div class="share-button__text"> Facebook</div>
	            </div>
	        </a>
	         <a href="http://twitter.com/share?text=text goes here&url=http://url goes here&hashtags=hashtag1,hashtag2,hashtag3
	" class="share-button share-button--twitter">
	            <div class="share-button__content">
	                <img src="/images/mainsite5/svg/social/twitter.svg" />
	                <div class="share-button__text"> Twitter</div>
	            </div>
	        </a>
	        <a href="whatsapp://send" data-text="Take a look at this awesome website:" data-href="" class="share-button share-button--whatsapp mobile-only">
	            <div class="share-button__content">
	                <img src="/images/mainsite5/svg/social/whatsapp.svg" />
	                <div class="share-button__text"> Whatsapp</div>
	            </div>
	        </a>
	    </div>
        <div class="lightbox__close-circle"><a href="#" class="lightbox__close lightbox__close--icon"></a></div>
    </div>
{}

Eat Beans Fight Hunger.

Mean Bean Challenge

Eat Beans Fight Hunger.

Uk Aid {% include 'components/mean-bean/uk-aid' %}
#
HTML
<div class="mean-bean mean-bean-uk-aid clearfix">
    <div class="inner">
        <div class="large-col-4">
            <picture class="desktop-only">
                <source media="(min-width: 650px)" srcset="AidMatch_DFID_Blue_Bean_Desktop.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Desktop_@2x.png 2x">
                    <source media="(min-width: 100px)" srcset="AidMatch_DFID_Blue_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile_@2x.png 2x">
                        <img src="/images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile.png" class="mean-bean-ukaid-image" alt="Mean Bean Challenge">
                    </picture>
                </div>
                <div class="large-col-8">
                    <h2>
                        Double <span>your money raised</span>
                    </h2>
                    <p>Every pound you give to Tearfund’s matched giving appeal from Xst Xxxxxxxx 2019 to XXst Xxxxxxxx 2019, will be doubled by the UK government up to a total of £2,000,000.</p>
                    <picture class="mobile-only">
                        <source media="(min-width: 650px)" srcset="AidMatch_DFID_Blue_Bean_Desktop.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Desktop_@2x.png 2x">
                            <source media="(min-width: 100px)" srcset="AidMatch_DFID_Blue_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile_@2x.png 2x">
                                <img src="/images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile.png" class="mean-bean-ukaid-image" alt="Mean Bean Challenge">
                            </picture>
                        </div>
                    </div>
                </div>
Twig
<div class="mean-bean mean-bean-uk-aid clearfix">
	<div class="inner">

		<div class="large-col-4">
			<picture class="desktop-only">
			  <source media="(min-width: 650px)" srcset="AidMatch_DFID_Blue_Bean_Desktop.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Desktop_@2x.png 2x">
			  <source media="(min-width: 100px)" srcset="AidMatch_DFID_Blue_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile_@2x.png 2x">
			  <img src="/images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile.png" class="mean-bean-ukaid-image" alt="Mean Bean Challenge">
			</picture> 
		</div>

		<div class="large-col-8">
			<h2>Double <span>your money raised</span></h2>
			<p>Every pound you give to Tearfund’s matched giving appeal from Xst Xxxxxxxx 2019 to XXst Xxxxxxxx 2019, will be doubled by the UK government up to a total of £2,000,000.</p>

			<picture class="mobile-only">
			  <source media="(min-width: 650px)" srcset="AidMatch_DFID_Blue_Bean_Desktop.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Desktop_@2x.png 2x">
			  <source media="(min-width: 100px)" srcset="AidMatch_DFID_Blue_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile_@2x.png 2x">
			  <img src="/images/mainsite5/mean-bean/2019/AidMatch_DFID_Blue_Bean_Mobile.png" class="mean-bean-ukaid-image" alt="Mean Bean Challenge">
			</picture> 
		</div>

	</div>
</div>
{}
Mean Bean Challenge

Double your money raised

Every pound you give to Tearfund’s matched giving appeal from Xst Xxxxxxxx 2019 to XXst Xxxxxxxx 2019, will be doubled by the UK government up to a total of £2,000,000.

Mean Bean Challenge
Share Lightbox {% include 'components/mean-bean/share-lightbox' %}
#
HTML
<a href="#" class="button show-lightbox" data-lightbox="1">Share lightbox</a> 
<div class="lightbox lightbox--large mean-bean" data-lightbox="1">
    <picture class="desktop-only">
        <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile.png, /images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile_@2x.png 2x">
            <img src="/images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile.png" class="lightbox-image" alt="Mean Bean Challenge">
        </picture>
        <h1>
            Invite a friend
        </h1>
        <p>Invite a friend to attempt the Mean Bean Challenge via…</p>
        <div class="share-container">
            <a href="#" class="share-button share-button--whatsapp">
                <div class="share-button__content">
                    <img src="/images/mainsite5/svg/social/twitter.svg" />
                    <div class="share-button__text"> Whatsapp</div>
                </div>
            </a>
            <a href="#" class="share-button share-button--email">
                <div class="share-button__content">
                    <img src="/images/mainsite5/svg/social/email.svg" />
                    <div class="share-button__text"> Email</div>
                </div>
            </a>
            <a href="#" class="share-button share-button--facebook">
                <div class="share-button__content">
                    <img src="/images/mainsite5/svg/social/facebook.svg" />
                    <div class="share-button__text"> Facebook</div>
                </div>
            </a>
        </div>
        <div class="lightbox__close-circle"><a href="#" class="lightbox__close lightbox__close--icon"></a></div>
    </div>
Twig
<a href="#" class="button show-lightbox" data-lightbox="1">Share lightbox</a> 
<div class="lightbox lightbox--large mean-bean" data-lightbox="1">
	<picture class="desktop-only">
    	<source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile.png, /images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile_@2x.png 2x">
        <img src="/images/mainsite5/mean-bean/2019/MeanBean_Guide_TeamUp_Mobile.png" class="lightbox-image" alt="Mean Bean Challenge">
    </picture>
    <h1>Invite a friend</h1>
    <p>Invite a friend to attempt the Mean Bean Challenge via…</p>
    <div class="share-container">
	    <a href="#" class="share-button share-button--whatsapp">
			<div class="share-button__content">
				<img src="/images/mainsite5/svg/social/twitter.svg" /> <div class="share-button__text"> Whatsapp</div>
			</div>
		</a>
		<a href="#" class="share-button share-button--email">
			<div class="share-button__content">
				<img src="/images/mainsite5/svg/social/email.svg" /> <div class="share-button__text"> Email</div>
			</div>
		</a>
		<a href="#" class="share-button share-button--facebook">
			<div class="share-button__content">
				<img src="/images/mainsite5/svg/social/facebook.svg" /> <div class="share-button__text"> Facebook</div>
			</div>
		</a>
	</div>
    <div class="lightbox__close-circle"><a href="#" class="lightbox__close lightbox__close--icon"></a></div>
</div>
{}
Share lightbox
Header {% include 'components/mean-bean/header' %}
#
HTML
<div class="full-banner full-banner--mean-bean full-banner--mean-bean-landing full-banner--image full-banner--featured flexbox flexboxlegacy enhanced" data-image="/images/mainsite5/mean-bean/background.jpg">
    <div class="full-banner__image" style="background-image: url(&quot;/images/mainsite5/mean-bean/background.jpg&quot;); background-repeat: no-repeat;"></div>
    <div class="inner">
        <div class="full-banner--featured-panel">
            <div class="full-banner__content-wrapper">
                <!-- RESPONSIVE CONTAINER -->
                <!-- CONTENT START -->
                <div class="full-banner__content">
                    <div class="large-col-6">
                        <picture>
                            <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Desktop.gif, /images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Desktop@2x.gif 2x">
                                <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Mobilev2.gif, /images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Mobilev2@2x.gif 2x">
                                    <img src="/images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Desktop.gif" alt="Mean Bean Challenge">
                                </picture>
                            </div>
                            <div class="large-col-6">
                                <picture class="desktop-show">
                                    <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/MeanBeanChallenge_Logo_Desktop.png, /images/mainsite5/mean-bean/2019/MeanBeanChallenge_Logo_Desktop_@2x.png 2x">
                                        <img class="banner-mean-bean-logo" src="/images/mainsite5/mean-bean/2019/Landing_Page_Header_Mobile.png, /images/mainsite5/mean-bean/2019/Landing_Page_Header_Mobile_@2x.png 2x" alt="Mean Bean Challenge">
                                    </picture>
                                    <p>Eat nothing but rice and beans 
for five days, get sponsored and 
help end hunger.</p>
                                    <div class="large-col-6">
                                        <div>
                                            <a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean">
                                                <div class="button-bottom"></div>
                                                <div class="button-top">Sign Up Today</div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="large-col-6">
                                        <div>
                                            <a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean button--mean-bean-red">
                                                <div class="button-bottom"></div>
                                                <div class="button-top">Invite a friend</div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- CONTENT END -->
                        </div>
                    </div>
                </div>
            </div>
Twig
<div class="full-banner full-banner--mean-bean full-banner--mean-bean-landing full-banner--image full-banner--featured flexbox flexboxlegacy enhanced" data-image="/images/mainsite5/mean-bean/background.jpg"><div class="full-banner__image" style="background-image: url(&quot;/images/mainsite5/mean-bean/background.jpg&quot;); background-repeat: no-repeat;"></div>
	<div class="inner">
		<div class="full-banner--featured-panel">
			<div class="full-banner__content-wrapper">
			<!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
				<div class="full-banner__content">
					<div class="large-col-6">
						<picture>
						  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Desktop.gif, /images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Desktop@2x.gif 2x">
						  <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Mobilev2.gif, /images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Mobilev2@2x.gif 2x">
						  <img src="/images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Desktop.gif" alt="Mean Bean Challenge">
						</picture> 
					</div>
					<div class="large-col-6">
						<picture class="desktop-show">
							  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/MeanBeanChallenge_Logo_Desktop.png, /images/mainsite5/mean-bean/2019/MeanBeanChallenge_Logo_Desktop_@2x.png 2x">
							  <img class="banner-mean-bean-logo" src="/images/mainsite5/mean-bean/2019/Landing_Page_Header_Mobile.png, /images/mainsite5/mean-bean/2019/Landing_Page_Header_Mobile_@2x.png 2x" alt="Mean Bean Challenge">
						</picture> 
						<p>Eat nothing but rice and beans 
for five days, get sponsored and 
help end hunger.</p>
						<div class="large-col-6">
							<div>
								<a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean">
									
									<div class="button-bottom"></div>
									<div class="button-top">Sign Up Today</div>
									
								</a>
							</div>
						</div>


						<div class="large-col-6">
							<div>
								<a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean button--mean-bean-red">
									
									<div class="button-bottom"></div>
									<div class="button-top">Invite a friend</div>
									
								</a>
							</div>
						</div>
					</div>
				</div>
				<!-- CONTENT END -->
			</div>
		</div>
	</div>
</div>
{}
Stats {% include 'components/mean-bean/stats' %}
#
HTML
<div class="mean-bean">
    <div class="mean-bean-cta mean-bean-cta--two clearfix">
        <div class="inner">
            <div class="clearfix">
                <div class="mean-bean-raised large-col-6">
                    <div class="mean-bean-signup__image">
                        <picture>
                            <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/Stats_Total_Participants.png, /images/mainsite5/mean-bean/2019/Stats_Total_Participants_@2x.png 2x">
                                <img src="/images/mainsite5/mean-bean/2019/Stats_Total_Participants.png" alt="Mean Bean Challenge">
                            </picture>
                        </div>
                        <div class="mean-bean-signup__total">
Mean beaners so far: </div>
                    </div>
                    <div class="mean-bean-raised large-col-6">
                        <div class="mean-bean-raised__image">
                            <img src="/images/mainsite5/mean-bean/bean-jar.gif" />
                        </div>
                        <div class="mean-bean-raised__total">
Money raised so far: </div>
                    </div>
                </div>
                <div class="clearfix">
                    <div class="large-col-12">
                        <div class="mean-bean-leaderboard">
                            <h2>
                                Meanest Bean
                            </h2>
                            <!-- <div class="mean-bean-leaderboard__holder"></div>
                        --> 
                        <div class="mean-bean-leaderboard__holder">
                            <div class="mean-bean-leaderboard__entry">
                                <div class="mean_bean__ranking">1</div>
                                <div class="mean-bean__name">Mark</div>
                                <div class="mean-bean__raised">£1,997.25</div>
                            </div>
                            <div class="mean-bean-leaderboard__entry">
                                <div class="mean_bean__ranking">2</div>
                                <div class="mean-bean__name">Hollie</div>
                                <div class="mean-bean__raised">£1,366.62</div>
                            </div>
                            <div class="mean-bean-leaderboard__entry">
                                <div class="mean_bean__ranking">3</div>
                                <div class="mean-bean__name">Fiona</div>
                                <div class="mean-bean__raised">£1,320.00</div>
                            </div>
                            <div class="mean-bean-leaderboard__entry">
                                <div class="mean_bean__ranking">4</div>
                                <div class="mean-bean__name">Fiona</div>
                                <div class="mean-bean__raised">£1,320.00</div>
                            </div>
                            <div class="mean-bean-leaderboard__entry">
                                <div class="mean_bean__ranking">5</div>
                                <div class="mean-bean__name">Fiona</div>
                                <div class="mean-bean__raised">£1,320.00</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
Twig
<div class="mean-bean">	
	<div class="mean-bean-cta mean-bean-cta--two clearfix">
		<div class="inner">
			<div class="clearfix">
				<div class="mean-bean-raised large-col-6">
					<div class="mean-bean-signup__image">
						<picture>
						  <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/Stats_Total_Participants.png, /images/mainsite5/mean-bean/2019/Stats_Total_Participants_@2x.png 2x">
						  <img src="/images/mainsite5/mean-bean/2019/Stats_Total_Participants.png" alt="Mean Bean Challenge">
						</picture> 

					</div>
					<div class="mean-bean-signup__total">
						Mean beaners so far:

					</div>
				</div>
				<div class="mean-bean-raised large-col-6">
					<div class="mean-bean-raised__image">
						<img src="/images/mainsite5/mean-bean/bean-jar.gif" />
					</div>
					<div class="mean-bean-raised__total">
						Money raised so far:

					</div>
				</div>
			</div>
			<div class="clearfix">
				<div class="large-col-12">
					<div class="mean-bean-leaderboard">
						<h2>Meanest Bean</h2>
						<!-- <div class="mean-bean-leaderboard__holder"></div> -->

						<div class="mean-bean-leaderboard__holder">
							<div class="mean-bean-leaderboard__entry">
								<div class="mean_bean__ranking">1</div>
								<div class="mean-bean__name">Mark</div>
								<div class="mean-bean__raised">£1,997.25</div>
							</div>
							<div class="mean-bean-leaderboard__entry">
								<div class="mean_bean__ranking">2</div>
								<div class="mean-bean__name">Hollie</div>
								<div class="mean-bean__raised">£1,366.62</div>
							</div>
							<div class="mean-bean-leaderboard__entry">
								<div class="mean_bean__ranking">3</div>
								<div class="mean-bean__name">Fiona</div>
								<div class="mean-bean__raised">£1,320.00</div>
							</div>
							<div class="mean-bean-leaderboard__entry">
								<div class="mean_bean__ranking">4</div>
								<div class="mean-bean__name">Fiona</div>
								<div class="mean-bean__raised">£1,320.00</div>
							</div>
							<div class="mean-bean-leaderboard__entry">
								<div class="mean_bean__ranking">5</div>
								<div class="mean-bean__name">Fiona</div>
								<div class="mean-bean__raised">£1,320.00</div>
							</div>
						</div>	
							
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{}
Money raised so far:

Meanest Bean

1
Mark
£1,997.25
2
Hollie
£1,366.62
3
Fiona
£1,320.00
4
Fiona
£1,320.00
5
Fiona
£1,320.00
Header Weekend {% include 'components/mean-bean/header-weekend' %}
#
HTML
<div class="full-banner full-banner--mean-bean full-banner--mean-bean-landing full-banner--image full-banner--featured flexbox flexboxlegacy enhanced" data-image="/images/mainsite5/mean-bean/background.jpg">
    <div class="full-banner__image" style="background-image: url(&quot;/images/mainsite5/mean-bean/background.jpg&quot;); background-repeat: no-repeat;"></div>
    <div class="inner">
        <div class="full-banner--featured-panel">
            <div class="full-banner__content-wrapper">
                <!-- RESPONSIVE CONTAINER -->
                <!-- CONTENT START -->
                <div class="full-banner__content">
                    <div class="large-col-6">
                        <picture>
                            <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/Weekender_Logo_Bliss_Desktop.png, /images/mainsite5/mean-bean/2019/Weekender_Logo_Bliss_Desktop_@2x.png 2x">
                                <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/Weekender_Logo_Mobile.png, /images/mainsite5/mean-bean/2019/Weekender_Logo_Mobile@2x.png 2x">
                                    <img class="banner-mean-bean-logo" src="/images/mainsite5/mean-bean/2019/Weekender_Logo_Bliss_Mobile.png" alt="Mean Bean Challenge Weekender">
                                </picture>
                                <p>22–24 March</p>
                                <p>Spend two days eating just rice and beans in the name of beating poverty.</p>
                                <div class="large-col-6">
                                    <div>
                                        <a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean button--mean-bean-red">
                                            <div class="button-bottom"></div>
                                            <div class="button-top">Sign Up Today</div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="large-col-6">
                                <picture class="desktop-only">
                                    <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/gifs/Weekender_Header_GroupShot_Desktop.png, /images/mainsite5/mean-bean/2019/Weekender_Header_GroupShot_Desktop_@2x.png 2x">
                                        <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/Weekender_Header_48Hours_Mobile.png, /images/mainsite5/mean-bean/2019/Weekender_Header_48Hours_Mobile_@2x.png 2x">
                                            <img src="/images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Desktop.gif" alt="Mean Bean Challenge">
                                        </picture>
                                    </div>
                                </div>
                                <!-- CONTENT END -->
                            </div>
                        </div>
                    </div>
                </div>
Twig
<div class="full-banner full-banner--mean-bean full-banner--mean-bean-landing full-banner--image full-banner--featured flexbox flexboxlegacy enhanced" data-image="/images/mainsite5/mean-bean/background.jpg"><div class="full-banner__image" style="background-image: url(&quot;/images/mainsite5/mean-bean/background.jpg&quot;); background-repeat: no-repeat;"></div>
	<div class="inner">
		<div class="full-banner--featured-panel">
			<div class="full-banner__content-wrapper">
			<!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
				<div class="full-banner__content">

					<div class="large-col-6">
						<picture>
							  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/Weekender_Logo_Bliss_Desktop.png, /images/mainsite5/mean-bean/2019/Weekender_Logo_Bliss_Desktop_@2x.png 2x">
							   <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/Weekender_Logo_Mobile.png, /images/mainsite5/mean-bean/2019/Weekender_Logo_Mobile@2x.png 2x">
							  <img class="banner-mean-bean-logo" src="/images/mainsite5/mean-bean/2019/Weekender_Logo_Bliss_Mobile.png" alt="Mean Bean Challenge Weekender">
						</picture> 
						<p>22–24 March</p>
						<p>Spend two days eating just rice and beans in the name of beating poverty.</p>

						<div class="large-col-6">
							<div>
								<a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean button--mean-bean-red">
									
									<div class="button-bottom"></div>
									<div class="button-top">Sign Up Today</div>
									
								</a>
							</div>
						</div>
					</div>

					<div class="large-col-6">
						<picture class="desktop-only">
						  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/gifs/Weekender_Header_GroupShot_Desktop.png, /images/mainsite5/mean-bean/2019/Weekender_Header_GroupShot_Desktop_@2x.png 2x">
						  <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/Weekender_Header_48Hours_Mobile.png, /images/mainsite5/mean-bean/2019/Weekender_Header_48Hours_Mobile_@2x.png 2x">
						  <img src="/images/mainsite5/mean-bean/2019/gifs/MeanBean_LandingPage_Header_Desktop.gif" alt="Mean Bean Challenge">
						</picture> 
					</div>

				</div>
				<!-- CONTENT END -->
			</div>
		</div>
	</div>
</div>
{}
Footer Weekend {% include 'components/mean-bean/footer-weekend' %}
#
HTML
<div class="mean-bean">
    <div class="mean-bean-sign-section">
        <div class="inner clearfix">
            <picture>
                <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/Main_Footer_Desktop.png, /images/mainsite5/mean-bean/2019/Main_Footer_Desktop_@2x.png 2x">
                    <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/gifs/MeanBean_Main_Footer_Mobile.gif, /images/mainsite5/mean-bean/2019/gifs/MeanBean_Main_Footer_Mobile@2x.gif 2x">
                        <img src="/images/mainsite5/mean-bean/2019/MeanBean_Main_Footer_Mobile@2x.gif" alt="Mean Bean Challenge">
                    </picture>
                    <h2>
                        Eat Beans <span class="big">Fight</span> <span class="small">Hunger.</span>
                    </h2>
                    <div class="large-col-12">
                        <div>
                            <a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean button--mean-bean-red">
                                <div class="button-bottom"></div>
                                <div class="button-top">Sign Up Today</div>
                            </a>
                        </div>
                        <p>Looking for the five-day challenge? <a href="/mean-bean">Check this out.</a></p>
                    </div>
                </div>
            </div>
        </div>
Twig
<div class="mean-bean">	
	<div class="mean-bean-sign-section">
		<div class="inner clearfix">
			
			<picture>
			  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/Main_Footer_Desktop.png, /images/mainsite5/mean-bean/2019/Main_Footer_Desktop_@2x.png 2x">
			  <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/gifs/MeanBean_Main_Footer_Mobile.gif, /images/mainsite5/mean-bean/2019/gifs/MeanBean_Main_Footer_Mobile@2x.gif 2x">
			  <img src="/images/mainsite5/mean-bean/2019/MeanBean_Main_Footer_Mobile@2x.gif" alt="Mean Bean Challenge">
			</picture> 

			<h2>Eat Beans <span class="big">Fight</span> <span class="small">Hunger.</span></h2>

				<div class="large-col-12">
					<div>
						<a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean button--mean-bean-red">
							
							<div class="button-bottom"></div>
							<div class="button-top">Sign Up Today</div>
							
						</a>
					</div>

					<p>Looking for the five-day challenge? <a href="/mean-bean">Check this out.</a></p>
				</div>
		</div>
	</div>
</div>
{}
Mean Bean Challenge

Eat Beans Fight Hunger.

Looking for the five-day challenge? Check this out.