Home page


Home page


<!--jumbotron-->
<div class="wrapper border-pic--transparent jumbotron" style="background: url('https://fsa-pl-ui.herokuapp.com/assets/img/fsa-home-main.jpg') no-repeat">
    <div class="col-wrap border--white-transparent hide--xs">
        <div class="col col--fluid-5 background--white-transp padding-bottom--3 margin-bottom--2">
            <h2 class="campaign-separator-dotted">DON'T WASH RAW CHICKEN</h2>
            <button class="btn btn--action-alt">Read more</button>
            <div class="jumbo-share">Share <span class="icon icon-share--black-small"></span></div>
        </div>
    </div>
</div>
<!--for mobile-->
<div class="wrapper">
    <div class="col-wrap hide--not-xs">
        <div class="col col--fluid-1 background--white margin-bottom--1">
            <h2 class="campaign-separator-dotted">DON'T WASH RAW CHICKEN</h2>
            <button class="btn btn--action-alt">Read more</button>
            <div class="jumbo-share">Share <span class="icon icon-share--black-small"></span></div>
        </div>
    </div>
</div>
<!--end for mobile-->
<!--horizontal separator-->
<div class="wrapper background--very-light-grey">
    <div class="col-wrap background--white">
        <div class="col col--fluid-15 margin-top--3">
            <div class="separator-dotted margin-bottom--3"></div>
        </div>
    </div>
</div>
<!--3 col div-->
<div class="wrapper home--campaign">
    <div class="col-wrap">
        <div class="col-wrap">
            <div class="col col--fluid-5 home-campaign-tile home-campaign-tile--img-first separator-right-solid">
                <article>
                    <img src="../assets/img/fsa-home-1of3.jpg" class="img-responsive">
                    <h4 class="js-equal-height">
                        <a class="text-colour" href="">Are you allergy aware?</a>
                    </h4>
                    <a href="#"><span class="icon icon-share--black-small"></span></a>
                </article>
            </div>
            <div class="col col--fluid-5 home-campaign-tile home-campaign-tile--img-first separator-right-solid">
                <article>
                    <img src="../assets/img/fsa-home-2of3.jpg" class="img-responsive">
                    <h4 class="js-equal-height">
                        <a class="text-colour" href="">Our Food Future</a>
                    </h4>
                    <a href="#"><span class="icon icon-share--black-small"></span></a>
                </article>
            </div>
            <div class="col col--fluid-5 home-campaign-tile home-campaign-tile--img-first">
                <article>
                    <img src="../assets/img/fsa-home-3of3.jpg" class="img-responsive">
                    <h4 class="js-equal-height">
                        <a class="text-colour" href="">Food hygiene for businesses</a>
                    </h4>
                    <a href="#"><span class="icon icon-share--black-small"></span></a>
                </article>
            </div>
        </div>
    </div>
</div>
<!--horizontal separator-->
<div class="wrapper background--very-light-grey">
    <div class="col-wrap background--white">
        <div class="col col--fluid-15 margin-top--3">
            <div class="separator-dotted margin-bottom--3"></div>
        </div>
    </div>
</div>
<!--5 col div - News & Alerts-->
<div class="wrapper home--news">
    <div class="col-wrap">
        <div class="col col--fluid-3 home-news-tile home-news-tile--img-first">
            <h2 class="margin-top--0"><a class="text-colour" href="">Latest news & alerts</a></h2>
        </div>
        <div class="col col--fluid-3 home-news-tile home-news-tile--img-first separator-right-solid">
            <article class="js-equal-height">
                <img src="../assets/img/fsa-news-hero1.png" alt="" class="img-responsive">
                <h4>
                    <a class="text-colour" href="https://www.food.gov.uk/news-updates/news/2016/15103/quarter-of-people-with-food-allergies-suffer-reactions-when-eating-out">
                    Quarter of people with food allergies suffer reactions when eating out</a>
                </h4>
                <footer>
                    <p class="font-size--small font-size--bold">28 April 2016</p>
                </footer>
                <a href="#"><span class="icon icon-share--black-small"></span></a>
            </article>
        </div>
        <div class="col col--fluid-3 home-news-tile home-news-tile--img-first separator-right-solid">
            <article class="js-equal-height">
                <img src="../assets/img/allergyallert.png" alt="" class="img-responsive">
                <h4>
                    <a class="text-colour" href="http://www.food.gov.uk/news-updates/news/2016/15101/ginco-recalls-chocolate-coated-honeycomb">
                    Ginco recalls its Chocolate Coated Honeycomb</a>
                </h4>
                <footer>
                    <p class="font-size--small font-size--bold">25 April 2016 </p>
                </footer>
                <a href="#"><span class="icon icon-share--black-small"></span></a>
            </article>
        </div>
        <div class="col col--fluid-3 home-news-tile home-news-tile--img-first separator-right-solid">
            <article class="js-equal-height">
                <img src="../assets/img/productrecall.png" alt="" class="img-responsive">
                <h4>
                    <a class="text-colour" href="http://www.food.gov.uk/news-updates/news/2016/15083/argo-poultry-recalls-whole-cooked-chickens">
                    Argo Poultry recalls Whole Cooked Chickens</a>
                </h4>
                <footer>
                    <p class="font-size--small font-size--bold">20 April 2016</p>
                </footer>
                <a href="#"><span class="icon icon-share--black-small"></span></a>
            </article>
        </div>
        <div class="col col--fluid-3 home-news-tile home-news-tile--img-first">
            <article class="js-equal-height">
                <img src="../assets/img/fsa-news-hero1.png" alt="" class="img-responsive">
                <h4>
                    <a class="text-colour" href="https://www.food.gov.uk/news-updates/news/2016/15103/quarter-of-people-with-food-allergies-suffer-reactions-when-eating-out">
                    Quarter of people with food allergies suffer reactions when eating out</a>
                </h4>
                <footer>
                    <p class="font-size--small font-size--bold">28 April 2016</p>
                </footer>
                <a href="#"><span class="icon icon-share--black-small"></span></a>
            </article>
        </div>
    </div>
</div>
<!--horizontal separator-->
<div class="wrapper background--very-light-grey">
    <div class="col-wrap background--white">
        <div class="col col--fluid-15 margin-top--3">
            <div class="separator-dotted margin-bottom--3"></div>
        </div>
    </div>
</div>

News page


News page

Load more news

<div class="wrapper news--border">
    <div class="col-wrap news--background">
        <div class="col col--fluid-12 separator-right-solid">
            <div class="col col--fluid-15 news-tile horizontal-separator">
                <article>
                    <div class="col col--fluid-5 margin-bottom--0 news-title">
                        <h2 class="margin-top-lg--1"><a class="text-colour" href="">Quarter of people with food allergies suffer reactions when eating out</a></h2>
                        <footer>
                            <p class="font-size--small font-size--bold">28 April 2016</p>
                        </footer>
                        <a href="#"><span class="icon icon-share--black-small"></span></a>
                    </div>
                    <div class="col col--fluid-10 margin-right--lg-0 margin-bottom--4">
                        <img src="../assets/img/fsa-news-hero1.png" class="img-responsive">
                    </div>
                </article>
            </div>
            <div class="col col--fluid-one-quarter news-tile news-tile--img-first separator-right-solid margin-top--2">
                <article>
                    <img src="../assets/img/allergyallert.png" class="img-responsive">
                    <h5 class="js-equal-height">
                        <a class="text-colour" href="http://www.food.gov.uk/news-updates/news/2016/15101/ginco-recalls-chocolate-coated-honeycomb">Ginco
                            recalls its Chocolate Coated Honeycomb</a>
                    </h5>
                    <footer>
                        <p class="font-size--small font-size--bold">25 April 2016</p>
                    </footer>
                    <a href="#"><span class="icon icon-share--black-small"></span></a>
                </article>
            </div>
            <div class="col col--fluid-one-quarter news-tile news-tile--img-first separator-right-solid margin-top--2">
                <article>
                    <img src="../assets/img/productrecall.png" class="img-responsive">
                    <h5 class="js-equal-height">
                        <a class="text-colour" href="http://www.food.gov.uk/news-updates/news/2016/15083/argo-poultry-recalls-whole-cooked-chickens">Argo
                            Poultry recalls Whole Cooked Chickens</a>
                    </h5>
                    <footer>
                        <p class="font-size--small font-size--bold">20 April 2016</p>
                    </footer>
                    <a href="#"><span class="icon icon-share--black-small"></span></a>
                </article>
            </div>
            <div class="col col--fluid-one-quarter news-tile news-tile--img-first separator-right-solid margin-top--2">
                <article>
                    <img src="../assets/img/fsa-news-1.png" class="img-responsive">
                    <h5 class="js-equal-height">
                        <a class="text-colour" href="http://www.food.gov.uk/news-updates/news/2016/15076/update-on-fsa-campylobacter-retail-survey">Update
                            on FSA campylobacter retail survey</a>
                    </h5>
                    <footer>
                        <p class="font-size--small font-size--bold">19 April 2016</p>
                    </footer>
                    <a href="#"><span class="icon icon-share--black-small"></span></a>
                </article>
            </div>
            <div class="col col--fluid-one-quarter margin-right--lg-0 news-tile news-tile--img-first margin-top--2">
                <article>
                    <img src="../assets/img/fsa-news-2.png" class="img-responsive">
                    <h5 class="js-equal-height">
                        <a class="text-colour" href="http://www.food.gov.uk/northern-ireland/news-updates/news/2016/15025/voluntary-labelling-of-country-of-origin">Voluntary
                            Labelling of Country of Origin</a>
                    </h5>
                    <footer>
                        <p class="font-size--small font-size--bold">25 March 2016</p>
                    </footer>
                    <a href="#"><span class="icon icon-share--black-small"></span></a>
                </article>
            </div>
        </div>
        <div class="col col--fluid-3 twitter-feed--news-lading hide--xs">
            <a class="twitter-timeline" href="https://twitter.com/foodgov" data-widget-id="725312839351713792">Tweets by
                @foodgov</a>
            <script>!function (d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
                if (!d.getElementById(id)) {
                    js = d.createElement(s);
                    js.id = id;
                    js.src = p + "://platform.twitter.com/widgets.js";
                    fjs.parentNode.insertBefore(js, fjs);
                }
            }(document, "script", "twitter-wjs");</script>
        </div>
    </div>
    <div class="col-wrap">
        <div class="col col--fluid-15 text-center margin-top--6 font-size--h6" style="border: 2px solid #97999B; background-color: #D9D9D6; padding: 16px">
            Load more news
        </div>
    </div>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="../assets/js/helpers.js"></script>

News content page


Content page

Quarter of people with food allergies suffer reactions when eating out

A survey by the FSA and Allergy UK has shown there have been improvements for those with allergies since new labelling rules came in, but more needs to be done.

The survey found one in four has suffered a reaction while eating out in a restaurant or cafe since new allergen labelling legislation came in a year ago. It also found that nearly one in five (19%) of those allergic reactions resulted in a hospital visit.

The EU Food Information for Consumers (FIC) legislation came into force in December 2014, and means that food businesses have to make information on 14 allergens available to consumers. This ranges from the most common allergens, such as peanuts and gluten, to less well known triggers for allergic reactions such as mustard and celery. Around 2 million people in the UK suffer from allergies, including 2% of adults and 8% of children.

The survey, which was carried out to mark Allergy Awareness Week 2016, found that overall 83% of respondents reported noticing an increase in measures designed to make life easier for allergic consumers – including menus marking out allergens, and staff actively checking food information with the kitchen. More than half (58%) of allergic consumers said that their overall experience of eating out has improved; just 6% said it has got worse. As a result, a similar proportion (52%) say they now feel more confident eating out than they did before the legislation was introduced.

However, people with allergies still report a number of problems when eating out. More than two-thirds (69%) have experienced staff not understanding the severity of an allergy, and how easily a mistake can cause a reaction. A similar number (68%) have seen staff with a lack of knowledge of what’s on the menu or in the food – including staff confusing eggs with dairy, or assuming that the customer was asking for gluten-free rather than avoiding lupin (a grain commonly used in place of wheat). Over half of allergic consumers (56%) said they have been made to feel like an inconvenience due to their allergy.

In total, around a third of those with a food allergy have suffered a reaction in the last year when eating out of the home. The vast majority of these (25%) took place in a restaurant or cafe, with 9% being a result of takeaway food. In most cases (88%) the reaction was self-treated, with 19% of reactions resulting in a hospital visit.

'Allergies can be fatal, and this is why it is vital food businesses give their customers information they can'

Dr Chun-Han Chan, Food Allergy Expert at the FSA, commented: 'It’s been more than a year since the introduction of this legislation and we’re pleased to see real progress in how food businesses provide information on allergens to their customers. In general, the situation is improving for the two million food allergic consumers in the UK, and greater numbers have the confidence to eat out.

'However, our survey has found that this isn’t true for everyone, and that many establishments aren’t yet providing the information that their customers need. The number of people suffering from food allergies and intolerances has increased in the last decade, so it’s clear that it is not something businesses can ignore. Allergies can be fatal, and this is why it is vital food businesses give their customers information they can trust.'

If anyone encounters a food business not providing information on the 14 allergens, they should report it to its local authority which will investigate. The survey showed that those affected are currently more likely to report it to staff in the first instance (69%) or complain on social media after the event (23%).

Food businesses have been given flexibility on how they provide allergy information. This can be communicated verbally through explanations by staff or signposted to where or how more information can be found on menus or in additional leaflets.

Last updated: 28 April 2016

Share this: | |


<!--title-->
<div class="wrapper content--title">
    <div class="col-wrap">
        <div class="col col--fluid-offset-3 col--fluid-8 padding-bottom--8">
            <h2>Quarter of people with food allergies suffer reactions when eating out
            </h2>
        </div>
    </div>
</div>
<!--explanation-->
<div class="wrapper content--explanation">
    <div class="col-wrap">
        <div class="col col--fluid-offset-3 col--fluid-8">
            <p class="font-size--h3">A survey by the FSA and Allergy UK has shown there have been improvements for 
            those with allergies since new labelling rules came in, but more needs to be done.
            </p>
        </div>
    </div>
</div>
<!--intro-->
<div class="wrapper content--intro" id="sidebar-start">
    <div class="col-wrap">
        <div class="col col--fluid-3 padding-top--6" id="sidebar-width">
            <div class="content--tile-signup" id="sidebar">
                <p>Last updated:</p>
                <p class="font-size--bold">28/04/2016</p>
                <div class="share">
                    <p>Share</p>
                    <div>
                        <span class="icon icon-linkedin--black-small"></span>
                        <span class="icon-separator--small"> | </span>
                        <span class="icon icon-google--black-small"></span>
                        <span class="icon-separator--small"> | </span>
                        <span class="icon icon-twitter--black-small"></span>
                        <span class="icon-separator--small"> | </span>
                        <span class="icon icon-facebook--black-small"></span>
                        <span class="icon-separator--small"> | </span>
                        <span class="icon icon-share--black-small"></span>
                    </div>
                </div>
                <div class="font-size--small">
                    <button class="btn btn--content">Sign up for
                        news and alerts
                    </button>
                </div>
            </div>
        </div>
        <div class="col col--fluid-10 padding-top--6">
            <img src="../assets/img/fsa-news-hero1.png" alt="" class="img-responsive">
        </div>
    </div>
</div>
<!--content-->
<div class="wrapper content">
    <div class="col-wrap">
        <div class="col col--fluid-offset-3 col--fluid-8">
            <p>The survey found one in four has suffered a reaction while eating out in a restaurant or cafe since 
            new allergen labelling legislation came in a year ago. It also found that nearly one in five (19%) of 
            those allergic reactions resulted in a hospital visit.
            </p>
            <p>The EU Food Information for Consumers (FIC) legislation came into force in December 2014, and means 
            that food businesses have to make information on 14 allergens available to consumers. This ranges from 
            the most common allergens, such as peanuts and gluten, to less well known triggers for allergic 
            reactions such as mustard and celery. Around 2 million people in the UK suffer from allergies, 
            including 2% of adults and 8% of children.
            </p>
            <p>The survey, which was carried out to mark Allergy Awareness Week 2016, found that overall 83% of 
            respondents reported noticing an increase in measures designed to make life easier for allergic 
            consumers – including menus marking out allergens, and staff actively checking food information 
            with the kitchen. More than half (58%) of allergic consumers said that their overall experience of 
            eating out has improved; just 6% said it has got worse. As a result, a similar proportion (52%) say 
            they now feel more confident eating out than they did before the legislation was introduced.
            </p>
            <p>However, people with allergies still report a number of problems when eating out. More than 
            two-thirds (69%) have experienced staff not understanding the severity of an allergy, and how 
            easily a mistake can cause a reaction. A similar number (68%) have seen staff with a lack of 
            knowledge of what’s on the menu or in the food – including staff confusing eggs with dairy, or 
            assuming that the customer was asking for gluten-free rather than avoiding lupin (a grain commonly 
            used in place of wheat). Over half of allergic consumers (56%) said they have been made to feel like 
            an inconvenience due to their allergy.
            </p>
            <p>In total, around a third of those with a food allergy have suffered a reaction in the last year when 
            eating out of the home. The vast majority of these (25%) took place in a restaurant or cafe, with 9% 
            being a result of takeaway food. In most cases (88%) the reaction was self-treated, with 19% of 
            reactions resulting in a hospital visit.
            </p>
        </div>
    </div>
</div>
<!--quote-->
<div class="wrapper content--quote">
    <div class="col-wrap">
        <div class="col col--fluid-offset-3 col--fluid-8">
            <p class="font-size--h2" style="font-weight:100; font-style: italic;">'Allergies can be fatal, and this is
                why it is vital food businesses give their customers information
                they can'</p>
        </div>
    </div>
</div>
<!--content-->
<div class="wrapper content">
    <div class="col-wrap">
        <div class="col col--fluid-offset-3 col--fluid-8">
            <p>Dr Chun-Han Chan, Food Allergy Expert at the FSA, commented: 'It’s been more than a year since the 
            introduction of this legislation and we’re pleased to see real progress in how food businesses 
            provide information on allergens to their customers. In general, the situation is improving for the two 
            million food allergic consumers in the UK, and greater numbers have the confidence to eat out.
            </p>
            <p>'However, our survey has found that this isn’t true for everyone, and that many establishments 
            aren’t yet providing the information that their customers need. The number of people suffering from 
            food allergies and intolerances has increased in the last decade, so it’s clear that it is not 
            something businesses can ignore. Allergies can be fatal, and this is why it is vital food businesses 
            give their customers information they can trust.'
            </p>
            <p>If anyone encounters a food business not providing information on the 14 allergens, they should 
            report it to its local authority which will investigate. The survey showed that those affected are 
            currently more likely to report it to staff in the first instance (69%) or complain on social media 
            after the event (23%).
            </p>
            <p>Food businesses have been given flexibility on how they provide allergy information. This can be 
            communicated verbally through explanations by staff or signposted to where or how more information 
            can be found on menus or in additional leaflets.
            </p>
            <div class="style-download">
                <div class="separator-download pdf" style="margin-bottom: 0">
                    <span><a href="https://www.food.gov.uk/sites/default/files/eating-out-with-a-food-allergy.pdf">
                    Eating out with a food allergy </a>(376.58 KB)</span>
                </div>
            </div>
            <!--share inline-->
            <div class="separator-dotted" style="margin-top: 10px;"></div>
            <div class="wrapper separator-dotted">
                <div class="col-wrap">
                    <div class="col col--fluid-6">
                        <p class="font-size--small font-size--bold" style="font-style: italic; margin-top: 26px;">
                        Last updated: 28 April 2016</p>
                    </div>
                    <div class="col col--fluid-offset-3 col--fluid-6">
                        <p class="font-size--small font-size--bold">Share this:
                        <span class="inline-share">
                            <span class="icon icon-linkedin--white-small"></span>
                            <span class="icon-separator--small"> | </span>
                            <span class="icon icon-twitter--white-small"></span>
                            <span class="icon-separator--small"> | </span>
                            <span class="icon icon-facebook--white-small"></span>
                        </span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--empty space separator-->
<div class="wrapper content" id="sidebar-end">
    <div class="col-wrap padding-bottom--16"></div>
</div>
<!--related content-->
<div class="wrapper content--related">
    <div class="col-wrap">
        <div class="col col--fluid-3">
            <h2 style="color: black">Related Content</h2>
        </div>
        <div class="col col--fluid-8 padding-top--6">
            <div>
                <a href="https://www.food.gov.uk/science/allergy-intolerance" class="font-size--h3">Allergy and
                    intolerance</a>
                <p>Food allergies and intolerances are life changing. In the UK they affect around 8% of
                    children and 2% of adults. In December 2014, the law on how allergen information is provided
                    by food businesses changed, to make it easier when buying food or eating out with an allergy
                    or intolerance.</p>
            </div>
            <div>
                <a href="https://www.food.gov.uk/science/allergy-intolerance" class="font-size--h3">Allergy and
                    intolerance: guidance for businesses</a>
                <p>This guidance helps food businesses provide information to customers who need to avoid
                    certain ingredients because of a food allergy or intolerance. It includes allergen
                    information rules (EU FIC), general advice and information on food allergy and intolerance,
                    and specific voluntary best practice guidance on cross-contamination controls for pre-packed
                    foods and loose foods.</p>
            </div>
        </div>
    </div>
</div>
<!--empty space separator-->
<div class="wrapper content">
    <div class="col-wrap padding-bottom--2"></div>
</div>
<!--other related-->
<div class="wrapper content--other-related">
    <div class="col-wrap">
        <div class="col col--fluid-3 padding-top--3">
            <h2>See also</h2>
        </div>
        <div class="col col--fluid-one-half padding-top--6">
            <div class="padding-bottom--4">
                <a href="http://www.nhs.uk/conditions/food-allergy/Pages/Intro1.aspx" target="_blank"
                   class="font-size--h3">NHS
                    Choices:
                    Food allergy
                    introduction</a>
            </div>
            <div class="padding-bottom--4">
                <a href="https://www.allergyuk.org/food-allergy-or-food-intolerance/food-allergy-or-food-intolerance?gclid=Cj0KEQjwmKG5BRDv4YaE5t6oqf0BEiQAwqDNfO_nh2C5y9U2ZkLz-t-EXOyfIiu93n8BkVpmFDZ946caAr5A8P8HAQ"
                   target="_blank" class="font-size--h3">Allergy
                    UK</a>
            </div>
            <div class="padding-bottom--4">
                <a href="http://www.anaphylaxis.org.uk/" target="_blank" class="font-size--h3">Anaphylaxis
                    Campaign</a>
            </div>
        </div>
    </div>
</div>

Campaign page


Campaign page

1. What is this all about

We want to protect you and your family from food poisoning in your own home, particularly when handling chicken. So we're saying: 'Don’t wash raw chicken'.

This is because of a food bug called campylobacter, the most common cause of food poisoning in the UK. It can be fatal.

Campylobacter can be spread easily and just a few bacteria could cause illness. This could come from raw or undercooked chicken, or from contamination due to washing raw chicken. The easiest way to protect yourself and your family is to follow our simple food safety tips every time you prepare food.

Key facts

2. What should I be doing?

The easiest way to protect yourself and your family is to follow our simple food safety tips every time you prepare food.

Cover and chill raw chicken. Cover raw chicken and store at the bottom of the fridge so juices cannot drip on to other foods and contaminate them with food poisoning bacteria such as campylobacter.

Don't wash raw chicken. Cooking will kill any bacteria present, including campylobacter, while washing chicken can spread germs by splashing.

Wash used utensils. Thoroughly wash and clean all utensils, chopping boards and surfaces used to prepare raw chicken. Wash hands thoroughly with soap and warm water, after handling raw chicken. This helps stop the spread of campylobacter by avoiding cross contamination.

Cook chicken thoroughly Make sure chicken is steaming hot all the way through before serving. Cut in to the thickest part of the meat and check that it is steaming hot with no pink meat and that the juices run clear.

3. Add my support

We're working with supermarkets to make chicken safer. Show them you care by adding your support.

3781

Supporters

Share this page


<!--menu-->
<div class="wrapper border-pic--transparent campaign-menu hide--xs"
     style="background-image: url('../assets/img/fsa-campaign-menu.jpg');">
    <div class="wrapper">
        <div class="col-wrap">
            <div class="col col--fluid-15 background--light-yellow-transp margin-top--0">
                <h1 class="big">Don't wash raw chicken</h1>
                <a href="#"><span class="icon icon-share--black" style="position: absolute;bottom: 24px;right: 24px;"></span></a>
            </div>
        </div>
        <nav class="campaign-nav">
            <ul class="col-wrap">
                <li id="menu" class="col col--fluid-3 background--white separator-right-solid menu-inactive"
                >
                    <a href="#one"><p>1. What is this all about</p></a>
                </li>
                <li class="col col--fluid-3 background--white separator-right-solid menu-inactive"
                >
                    <a href="#two"><p>2. What should I be doing?</p></a>
                </li>
                <li class="col col--fluid-3 background--white separator-right-solid menu-inactive"
                >
                    <a href="#three"><p>3. Add my support</p></a>
                </li>
                <li class="col col--fluid-3 background--white menu-inactive"></li>
                <li class="col col--fluid-3 background--white padding-top--3 menu-inactive">
                    <button class="btn btn--action  padding-left-lg--3 padding-right-lg--3">
                        Call to
                        action
                    </button>
                </li>
            </ul>
        </nav>
    </div>
</div>
<!--for mobile-->
<div class="wrapper campaign-menu hide--not-xs">
    <img class="img-responsive" src="../assets/img/fsa-campaign-menu.jpg" alt="">
</div>
<div class="wrapper hide--not-xs">
    <div class="col-wrap">
        <div class="col col--fluid-15 background--light-yellow">
            <h1 class="big margin-top--0 margin-bottom--0">Don't wash raw chicken</h1>
            <a href="#"><span class="icon icon-share--black" style="position: absolute;bottom: 20px;right: 12px;"></span></a>
        </div>
    </div>
    <nav class="campaign-nav">
        <ul class="col-wrap">
            <li class="col col--fluid-15 background--white separator-right-solid"
            >
                <a href="#one"><p>1. What is this all about</p></a>
            </li>
            <li class="col col--fluid-15 background--white separator-right-solid"
            >
                <a href="#two"><p>2. What should I be doing?</p></a>
            </li>
            <li class="col col--fluid-15 background--white separator-right-solid"
            >
                <a href="#three"><p>3. Add my support</p></a>
            </li>
            <li class="col col--fluid-15 background--white separator-right-solid">
                <button class="btn btn--action  margin-top--1 padding-left-lg--3 padding-right-lg--3">
                    Call to action
                </button>
            </li>
        </ul>
    </nav>
</div>
<!--end for mobile-->
<!--menu hidden. Not showing on mobile-->
<nav id="navbar-main" class="navbar menu-hidden hide--xs">
    <div class="wrapper shadow">
        <div class="col-wrap menu-h">
            <div class="col col--fluid-15 background--light-yellow">
                <h2>Don't wash raw chicken</h2>
                <a href="#"><span class="icon icon-share--black" style="position: absolute;bottom: 8px;right: 66px;"></span></a>
            </div>
        </div>
        <nav class="campaign-nav">
            <ul class="col-wrap" id="menu-b">
                <li class="col col--fluid-3 background--white separator-right-solid menu-inactive">
                    <a href="#one"><p>1. What is this all about</p></a>
                </li>
                <li class="col col--fluid-3 background--white separator-right-solid menu-inactive">
                    <a href="#two"><p>2. What should I be doing?</p></a>
                </li>
                <li class="col col--fluid-3 background--white separator-right-solid menu-inactive">
                    <a href="#three"><p>3. Add my support</p></a>
                </li>
                <li class="col col--fluid-2 background--white menu-inactive hide--xs"></li>
                <li class="col col--fluid-3 background--white padding-top-not-xs--3 menu-inactive">
                    <button class="btn btn--action  padding-left-lg--3 padding-right-lg--3">
                        Call to action
                    </button>
                </li>
                <li class="col col--fluid-1 background--white padding-top-lg--3 separator-right-solid menu-inactive hide--xs"
                ></li>
            </ul>
        </nav>
    </div>
</nav>
<!--section 1-->
<div id="one">
    <div class="wrapper content">
        <div class="col-wrap padding-top-xs--1 padding-top-not-xs--8">
            <div class="col col--fluid-3">
                <h2>1. What is this all about</h2>
            </div>
            <div class="col col--fluid-9 col--fluid-sm-12 separator-left-solid">
                <p class="font-size--h3">We want to protect you and your family from food
                    poisoning in your own home, particularly when handling chicken. So we're saying: 'Don’t wash raw
                    chicken'.
                </p>
                <p>This is because of a food bug called campylobacter, the most common cause of food poisoning in the
                    UK. It
                    can be fatal.
                </p>
                <p>Campylobacter can be spread easily and just a few bacteria could cause illness. This could come from
                    raw
                    or undercooked chicken, or from contamination due to washing raw chicken. The easiest way to protect
                    yourself and your family is to follow our simple food safety tips every time you prepare food.
                </p>
                <iframe width="100%" height="315" title="What's going on in your kitchen" src="http://www.youtube.com/embed/KsX1GWA3eFw" frameborder="0" allowfullscreen></iframe>
            </div>
            <div class="col col--fluid-15 padding-bottom--4"></div>
        </div>
    </div>
    <!--Key facts-->
    <div class="wrapper key-facts">
        <div class="col-wrap">
            <div class="col col--fluid-15">
                <p class="title">Key facts</p>
            </div>
        </div>
        <div class="col-wrap content--quote-background">
            <div class="col col--fluid-5 separator-right-solid">
                <p class="share js-equal-height">Splashing water from washing chicken can spread campylobacter. Thorough
                    cooking kills it.</p>
                <div class="twitter-share"><span class="icon icon-twitter--white"></span></div>
            </div>
            <div class="col col--fluid-5 separator-right-solid">
                <p class="share js-equal-height">Campylobacter causes more cases of food poisoning than E.coli, listeria and
                    salmonella put together.</p>
                <div class="twitter-share"><span class="icon icon-twitter--white"></span></div>
            </div>
            <div class="col col--fluid-5">
                <p class="share js-equal-height">About 4 in 5 cases of campylobacter food poisoning in the UK come from
                    contaminated poultry</p>
                <div class="twitter-share"><span class="icon icon-twitter--white"></span></div>
            </div>
            <div class="col col--fluid-15 padding-bottom--4"></div>
        </div>
    </div>
</div>
<!--section 2-->
<div class="wrapper content" id="two">
    <div class="col-wrap padding-top-not-xs--8">
        <div class="col col--fluid-3">
            <h2>2. What should I be doing?</h2>
        </div>
        <div class="col col--fluid-10 col--fluid-sm-12 separator-left-solid">
            <p class="font-size--h3">The easiest way to protect yourself and your family is to
                follow our simple food safety tips every time you prepare food.
            </p>
            <div class="col-wrap">
                <div class="col col--fluid-one-half js-equal-height">
                    <img src="../assets/img/act-image1.jpg" class="img-responsive" style="margin-bottom:16px;">
                    <p class="text-center">Cover and chill raw chicken. Cover raw chicken and store at the
                        bottom of the fridge so juices cannot drip on to other foods and contaminate them with food
                        poisoning bacteria such as campylobacter.</p>
                    <a href="#"><span class="icon icon-share--black" style="position: absolute;bottom:0;right:0;"></span></a>
                </div>
                <div class="col col--fluid-one-half js-equal-height">
                    <img src="../assets/img/act-image2.jpg" class="img-responsive" style="margin-bottom:16px;">
                    <p class="text-center">Don't wash raw chicken. Cooking will kill any bacteria present,
                        including campylobacter, while washing chicken can spread germs by splashing.</p>
                    <a href="#"><span class="icon icon-share--black" style="position: absolute;bottom:0;right:0;"></span></a>
                </div>
                <div class="col col--fluid-one-half js-equal-height">
                    <img src="../assets/img/act-image3.jpg" class="img-responsive" style="margin-bottom:16px;">
                    <p class="text-center">Wash used utensils. Thoroughly wash and clean all utensils, chopping
                        boards and surfaces used to prepare raw chicken. Wash hands thoroughly with soap and warm water,
                        after handling raw chicken. This helps stop the spread of campylobacter by avoiding cross
                        contamination.</p>
                    <a href="#"><span class="icon icon-share--black" style="position: absolute;bottom:0;right:0;"></span></a>
                </div>
                <div class="col col--fluid-one-half js-equal-height">
                    <img src="../assets/img/act-image4.jpg" class="img-responsive" style="margin-bottom:16px;">
                    <p class="text-center">Cook chicken thoroughly Make sure chicken is steaming hot all the
                        way through before serving. Cut in to the thickest part of the meat and check that it is
                        steaming hot with no pink meat and that the juices run clear.</p>
                    <a href="#"><span class="icon icon-share--black" style="position: absolute;bottom:0;right:0;"></span></a>
                </div>
            </div>
        </div>
        <div class="col col--fluid-15 padding-bottom--4"></div>
    </div>
</div>
<!--section 3-->
<div class="wrapper background--mid-purple" id="three">
    <div class="col-wrap background--light-purple padding-top-not-xs--8">
        <div class="col col--fluid-3">
            <h2>3. Add my support</h2>
        </div>
        <div class="col col--fluid-10 col--fluid-sm-12 background--light-purple separator-left-solid">
            <p class="font-size--h3">We're working with supermarkets to make chicken safer. Show
                them you care by adding your support.
            </p>
            <div class="col-wrap padding-top--6">
                <div class="col col--fluid-one-half separator-right-solid">
                    <p class="big-number text-center">3781</p>
                    <p style="font-weight: 100;">Supporters</p>
                </div>
                <div class="col col--fluid-one-half margin-top--6 margin-top-sm--3">
                    <button class="btn btn--support margin-left--1">
                        Add my support
                    </button>
                </div>
            </div>
        </div>
        <div class="col col--fluid-15 padding-bottom--8"></div>
    </div>
</div>
<!--related content-->
<div class="wrapper content--related hide--xs">
    <div class="col-wrap padding-top--8">
        <div class="col col--fluid-3">
            <h2>Related content</h2>
        </div>
        <div class="col col--fluid-12">
            <div class="col-wrap">
                <div class="col col--fluid-5 background--light-grey js-equal-height">
                    <p class="font-size--h3">Read our guides and factsheets about campylobacter</p>
                </div>
                <div class="col col--fluid-offset-1 col--fluid-9 background--light-grey js-equal-height">
                    <p class="font-size--h3">Share this page</p>
                </div>
                <div class="col col--fluid-5 background--white padding-top--4 js-equal-height">
                    <div class="separator-download pdf">
                        <span><a href="https://www.food.gov.uk/sites/default/files/eating-out-with-a-food-allergy.pdf">
                        Eating out with a food allergy  and a long list of other things like a deep 
                        understanding curve and a superficial knowledge of reality </a>(376.58 KB)</span>
                    </div>
                    <div class="separator-download doc">
                            <span><a href="https://www.food.gov.uk/sites/default/files/eating-out-with-a-food-allergy.pdf">
                            Eating out with a food allergy </a>(376.58 KB)</span>
                    </div>
                </div>
                <div class="col col--fluid-offset-1 col--fluid-9 background--white js-equal-height">
                    <img src="../assets/img/happy-chicken.png" alt="" class="img-responsive">
                </div>
            </div>
        </div>
        <div class="col col--fluid-15 padding-bottom--8"></div>
    </div>
</div>
<!--related content for mobile-->
<div class="wrapper content--related hide--not-xs">
    <div class="col-wrap padding-top--8">
        <div class="col col--fluid-15">
            <h2>Related content</h2>
        </div>
        <div class="col col--fluid-15 background--light-grey">
            <p class="font-size--h3">Read our guides and factsheets about campylobacter</p>
        </div>
        <div class="col col--fluid-15 background--white padding-top--4 js-equal-height">
            <div>
                <div class="separator-download pdf">
                    <span><a href="https://www.food.gov.uk/sites/default/files/eating-out-with-a-food-allergy.pdf">
                    Eating out with a food allergy  and a long list of other things like a deep understanding curve 
                    and a superficial knowledge of reality</a>(376.58 KB)</span>
                </div>
            </div>
            <div class="style-pdf padding-top--2">
                <div class="separator-download pdf">
                    <span><a href="https://www.food.gov.uk/sites/default/files/eating-out-with-a-food-allergy.pdf">
                    Eating out with a food allergy </a>(376.58 KB)</span>
                </div>
            </div>
        </div>
        <div class="col col--fluid-15 background--light-grey">
            <p class="font-size--h3">Share this page</p>
        </div>
        <div class="col col--fluid-15 background--white">
            <img src="../assets/img/happy-chicken.png" alt="" class="img-responsive">
        </div>

    </div>
</div>
<!--strong share-->
<div class="wrapper content">
    <div class="col-wrap">
        <div class="col col--fluid-offset-3 col--fluid-9 col--fluid-sm-12 padding-top--4 padding-bottom--4">
            <p class="font-size--h5 font-size--thin">Share this page</p>
            <div class="col-wrap">
                <div class="col col--fluid-1">
                    <span class="icon icon-linkedin--black"></span>
                </div>
                <div class="col col--fluid-offset-5 col--fluid-1">
                    <span class="icon icon-twitter--black"></span>
                </div>
                <div class="col col--fluid-offset-5 col--fluid-1">
                    <span class="icon icon-facebook--black"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
//   Main navbar
    $(window).load(function () {
        var navbar = $('#navbar-main'),
                distance = navbar.offset().top,
                $window = $(window);
        $window.scroll(function () {
            if ($window.scrollTop() > (distance - 114)) {
                navbar.removeClass('menu-hidden').addClass('navbar-fixed-top');
                $("body").css("padding-top", "1px");
            } else {
                navbar.removeClass('navbar-fixed-top').addClass('menu-hidden');
                $("body").css("padding-top", "0px");
            }
        });
    });
    $(document).ready(function () {
        $(document).on("scroll", onScroll);
        //smoothscrolling and positioning
        $('a[href^="#"]').on('click', function (e) {
            e.preventDefault();
            $(document).off("scroll");
            var target = this.hash,
                    menu = target;
            $target = $(target);
            $('html, body').stop().animate({
                'scrollTop': $target.offset().top - 100
            }, 500, 'swing', function () {
                window.location.hash = target;
                $(document).on("scroll", onScroll);
            });
        });
    });
    function onScroll(event) {
        var scrollPos = $(document).scrollTop();
        $('#navbar-main a').each(function () {
            var currLink = $(this);
            var refElement = $(currLink.attr("href"));
            if (scrollPos < 350) {
                $('#menu').addClass("menu-active");
            }
            if (refElement.position().top - 150 <= scrollPos && refElement.position().top - 150 + refElement.height() > scrollPos) {
                currLink.parent().addClass("menu-active");
            }
            else {
                currLink.parent().removeClass("menu-active");
            }
        });
    }
</script>