Section Overlap resolved (#682)

Author: SaranshDawra

css/theme-lava.css

@@ -246,6 +246,20 @@ nav {
 .text-white {
   color: #fff;
 }
+
+.text-white-heading{
+  padding-top: 3%;
+}
+
+@media only screen and (max-width:380px){
+  .lab-section{
+    height: 600px!important;
+  }
+  .text-white-heading{
+    padding-top: 2%!important;
+  }
+}
+
 body {
   font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-smoothing: antialiased;

index.html

@@ -1243,14 +1243,14 @@ <h3>Who We Are<br></h3>
 			</section>
 
 			<a id="labs-programs" class="in-page-link"></a>
-			<section class="section-header overlay preserve3d">
+			<section class="section-header overlay preserve3d lab-section">
 				<div class="background-image-holder">
 					<img class="background-image" alt="Background Image" src="img/hero7.jpg">
 				</div>
 				<div class="container vertical-align">
 					<div class="row">
 						<div class="col-sm-offset- col-sm-11">
-							<h1 class="text-white">Coding Programs and Labs</h1>
+							<h1 class="text-white text-white-heading">Coding Programs and Labs</h1>
 							<p class="lead text-white">FOSSASIA runs coding programs and contests such as <a href="https://codeheat.org" target="_self">Codeheat</a>. In the Codeheat coding contest developers build up their code profile. Participants can win awesome prizes and winners fly to the annual FOSSASIA Summit. In FOSSASIA Labs we collect&nbsp;<a href="https://fossasia.org/labs" target="_self">project ideas</a> and discuss new features of existing applications.</a> Different programs are available for high school and university students or professionals. And there are regularly job opportunities for full time developers listed on the job page. Check out details of our <a class="inner-link" target="_self" href="#programs">programs and opportunities here.</a></p>
 						</div>
 					</div>