I have a footer created with the header and footer plugin

Hey,

I have a footer created with the header and footer plugin for WP, but when i try to change the font of the "p", it changes the "p"'s in the whole site.
I only want to use this font in the footer!

It is the Google Font "Lato".

My CSS/HTML for the footer:

<style>
@import url('http://fonts.googleapis.com/css?family=Lato');
@media only screen and (max-width: 768px) {

#footer2 {
    display: none;
}

}
    #footer2 {

        width:80%;
        margin: auto;
        margin-top:35px;
        padding-bottom: 150px;
    }
    .footerFloat2 {
width: 100%;
    }
    .footerFloat2 {
width: 25%;
float: left;
    }
}

#wrapper2 {
background-color: black;
width: 100%;
    overflow:hidden;
}
</style>

<div id="wrapper2">
<div id="footer2">
<div class="footerFloat2">
<h4><b>KONTAKT MIG</b></h4>
<hr noshade size=1 width="90%">
    <p  style="font-size:12px">Filip Grobgaard<br/>filipgrobgaard@gmail.com</p>
</div>
<div class="footerFloat2">
<h4><b>ANNONCERING PÅ MIN BLOG</b></h4>
<hr noshade size=1 width="90%">
<p style="font-size:12px">Kontakt Bloggers Point på
    info@bloggerspoint.dk<br/>Læs mere her</p>
</div>
<div class="footerFloat2">
<h4><b>OM NETVÆRKET</b></h4>
<hr noshade size=1 width="90%">
<p style="font-size:12px">Læs mere her:
    http://www.bloggerspoint.dk<br/>Se alle blogs</p>
</div>
<div class="footerFloat2">
<h4><b>BLIV BLOGGER</b></h4>
<hr noshade size=1 width="90%">
    <p style="font-size:12px">Opret en gratis blog lige her.<br/>Har du allerede en blog med mange læsere, skriv til info@bloggerspoint.dk</p>
</div>
</div>
</div>