Child theme CSS code won't replace parent CSS

Hi, I am a newbie and am slowly working through learning how to create a wordpress child theme from a theme that I have bought at Elegant Themes.
I have created the child theme following instructions via the Codex etc online and am now trying to change something basic on the front of my webpage – i.e. move the tagline from the left to the right of the page.
I feel as though I have done everything right, identified the CSS line in the parent file and copied/pasted that to my child CSS file, changed it in the child file but for some reason the change still not does happen on the site. The child theme is activated.
I am obviously missing something basic but for the life of me I can’t work it out! Would really appreciate any help! My site is not live so I can’t link it sorry. But is there anything glaringly obvious in my code below?
I’ve read and reread and amended after following other threads on this forum but just can’t find the problem.
Thanks so much in advance.

/*
 Theme Name:   Chameleon child
 Theme URI:    http://www.elegantthemes.com/gallery/chameleon/
 Description:  Chameleon child theme
 Author:
 Author URI:   http://www.elegantthemes.com
 Template:     Chameleon
 Version:      1.0.0  

*/

@import url("../Chameleon/style.css");");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Overriding the slogan style from the Parent Theme */

p#slogan { float: right; font-size: 12.5px; color: #66929c; text-transform: uppercase; padding-top: 0px; margin-left: -143px; margin-top: 27px; font-family: 'Kreon', Arial, sans-serif;}