Question about having Contact form overlayed over image (Issues with font colour

I managed to make the contact form overlay over a slider (full screen image), however, when using transparent contact form, the text is not readable as it is a strange grey color. By text I mean the <label for="template-contactform-name">Name <small>*</small></label>v text.

This is my code:

<section id="slider" class="force-full-screen full-screen dark">

			<div class="slider-parallax-inner">

				<div class="force-full-screen full-screen dark" style="background: url('images/custom/4.png') center center;">

					<div class="container clearfix">
						<div class="slider-caption slider-caption-center">
<div id="contact-form-overlay transparent" class="clearfix">

					<h1>Shoot us an E-mail</h1>

					<div class="contact-widget">

						<div class="contact-form-result"></div>

						<!-- Contact Form
						============================================= -->
						<form class="nobottommargin" id="template-contactform" name="template-contactform" action="include/sendemail.php" method="post">

							<div class="col_half">
								Name
								<input type="text" id="template-contactform-name" name="template-contactform-name" value="" class="sm-form-control required" />
							</div>

							<div class="col_half col_last">
								Email
								<input type="email" id="template-contactform-email" name="template-contactform-email" value="" class="required email sm-form-control" />
							</div>

							<div class="col_full">
								Subject
								<input type="text" id="template-contactform-subject" name="template-contactform-subject" value="" class="required sm-form-control" />
							</div>

							<div class="col_full">
								Message
								<textarea class="required sm-form-control" id="template-contactform-message" name="template-contactform-message" rows="6" cols="30"></textarea>
							</div>

							<div class="col_full hidden">
								<input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="sm-form-control" />
							</div>

							<div class="col_half">
								<button class="button button-3d nomargin" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit">Send Message</button>
							</div>
							
							<div class="colf_half col_last">
							<h4>Email: my email</h4>
							</div>

						</form>
					</div>

						</div>
					</div>

				</div>

			</div>

		</section>

How do I change the font color/thickness etc for Labels in contact form? I can't find it anywhere in the css :(