.center-align
{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.charm
{
  font-family: 'Charm', cursive;
}
.feature-title
{
  font-size: 12px;
}

p
{
  font-size: 14px;
  color: #6B6B6B;
}

.Quicksand
{
  font-family: 'Quicksand', sans-serif;
}
.activities-title
{
  font-size: 14px;
  background-color: rgba(255,255,255,0.9);color: black;position: absolute;bottom: -16px;padding: 10px;width: 100%;text-align: center;
}


#kalalaya_section
{
  padding-top: 150px;background-color: white;padding-bottom: 200px;
}

#kalalaya-head-logo
{
  margin:0 auto;
}
#kalalaya-head-logo img
{
  width: 100%;
}

#kalalaya-tagline
{
  margin:0 auto;font-size: 20px;margin-top: 10px;color: #D4AF37;
}
#kalalaya-div{
margin-top: 60px;


}

#kalalaya-content
{
  margin:0 auto;text-align: center; 
}

#activities-main-div{
  margin-top: 60px;
}





#activities-main-div div
{
position: relative;text-align: left;
}

#activities-heading
{
  color:#343434;
}


.underline
{
  font-size: 12px;color: #D4AF37;top: -13px;position: relative;
}


.activities-div
{
  margin:0 auto;margin-top: 20px;
}

.activities-div div
{
 position: relative;
}
.activities-img
{
  width: 100%;
}

#important-note-div
{
  margin-top: 20px;
}

#important-note-content
{
  color:white;text-align: center;padding: 15px;background-color: #0A7ADD;
}

#camps-main-div
{
  margin-top: 20px;text-align: center;
}

#camps-main-div div
{
margin-top: 20px;
}

.camps-div
{
  padding: 10px;border:1px solid #F2F2F2;background-color:#F8F8F8;
  text-align: center !important;
}

.camps-heading
{
  color: #D4AF37;
}

.line-seperator
{
  background-color: #dadada;width: 20%;height: 1px;margin:0 auto;
}


.camps-months
{
  margin-top: 10px;
}

@media(max-width: 1400px)
{
  #main-tagline1
{
  font-size: 35px;
}
#main-tagline2
{
  font-size: 70px;
}

#main-tagline3
{
  font-size: 25px;
}

}


@media(max-width: 992px)
{
	#main-tagline1
{
	font-size: 30px;
}
#main-tagline2
{
	font-size: 60px;
}
#main-tagline3
{
  font-size: 20px;
}
}

@media(max-width: 845px)

{
  .center-align
{
  position: relative;
padding-top: 10px;  top: 0%;
  transform: translateY(0%);
}
}
@media(max-width: 768px)
{
  #main-tagline1
{
  font-size: 25px;
}
#main-tagline2
{
  font-size: 45px;
}
#main-tagline3
{
  font-size: 20px;
}
}








@media(max-width: 576px)
{
  #main-tagline1
{
  font-size: 25px;
}
#main-tagline2
{
  font-size: 45px;
}
#main-tagline3
{
  font-size: 20px;
}

.activities-title
{
  font-size: 10px;
}

}

@media(max-width: 300px)
{
	#main-tagline1
{
	font-size: 25px;
}
#main-tagline2
{
	font-size: 50px;
}
}

@media(max-width: 200px)
{
	#main-tagline1
{
	font-size: 20px;
}
#main-tagline2
{
	font-size: 40px;
}
}