Using an external font

Hi all,
I need to use an external font “Champagne and Limousines” for this particular site

http://www.galerialife.com/acp/

I got the font’s .ttf and made its conversions to .eot .woff and .svg saving them to ../wp-content/themes/lifvechild/fonts/

Then, in my child css style-sheet

http://www.galerialife.com/acp/wp-content/themes/lifvechild/style.css

I added the following code:

@font-face {
font-family: 'Champagne and Limousines';
src: url("http://www.galerialife.com/acp/wp-content/themes/lifvechild/fonts/Champagne & Limousines.eot");
src: url("http://www.galerialife.com/acp/wp-content/themes/lifvechild/fonts/Champagne & Limousines.eot?#iefix") format("embedded-opentype"),
url("http://www.galerialife.com/acp/wp-content/themes/lifvechild/fonts/Champagne & Limousines.woff") format("woff"),
url("http://www.galerialife.com/acp/wp-content/themes/lifvechild/fonts/Champagne & Limousines.ttf") format("truetype"),
url("http://www.galerialife.com/acp/wp-content/themes/lifvechild/fonts/Champagne & Limousines.svg#Sri-TSCRegular") format("svg");
font-weight: normal;
font-style: normal;
}

Finally added:

body, p { font-family: 'Champagne and Limousines' !important; text-shadow: none;
}
h1, h2, h3, h4, h5, h6 { font-family: 'Champagne and Limousines' !important; text-shadow: none;
}
h2.site-description { font-family: 'Champagne and Limousines' !important; color: white; text-shadow: none;
}
.navbar .nav>li>a { font-family: 'Champagne and Limousines' !important; color: white; text-shadow: none;
}

But fonts did not change! Would someone please tell me what’s wrong and what alternative is there to achieve this?

Thx you in advance,
Dario