Edit header CSS in U-design

I placed a new logo into my site header. I needed to move the top margin a bit and using visual composer for each page I entered the following CSS code….

/*LOGO IMAGE*****************/
#logo {
height:1000px;
width:1490px;

margin-top:70px;
margin-right:2000px;
}

It worked perfectly however 2 of my pages do not work with Visual Composer (I think it’s a plugin conflict) so I instead used the CSS editor to put the logo in the right place. That worked BUT it rendered the entire site untypeable….everywhere on the site except for the search box in the header or bottom areas will not let me type. As soon as I remove this it works again but the logo is way off. Can anyone advise as to how to get the logo placed right without corrupting the forms entries? Am I doing something wrong with the CSS code editor?

The site is http://www.collegetimenow.com and the probs are on the SAT/ACT page and the Contact page.

Thanks in advance!!