
.center-align
{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.feature-title
{
  font-size: 12px;
}

p
{
  font-size: 14px;
  color: #6B6B6B;
}

.Quicksand
{
  font-family: 'Quicksand', sans-serif;
}







#courses_section
{
  padding-top: 150px;background-color: white;padding-bottom: 200px;
}

.heading-tag
{
  font-size: 30px;
}


#courses-heading
{
  text-align: center;margin-top: 10px;
}

#courses-content
{
  
  
  margin: 0 auto;
}

.courses-div
{
  margin:0 auto;margin-top: 100px;text-align: center;
}



.features-div
{
  text-align: left;
}

.courses-caption
{
  color:#343434;
}

.bubble-line
{
  font-size: 12px;color: #D4AF37;top: -13px;position: relative;
}

.courses-caption-content

{
  font-size: 12px;color: #D4AF37;
}
.courses-skills
{
  color:#B89834;font-size: 12px;
}

.courses-div-img
{
  width: 100%;border-radius: 5px;
}

.courses-div2
{
  margin-top: 20px;
}


.courses-div2-heading
{
  color:#343434;
}

.bubble-line2
{
  font-size: 9px;color: #D4AF37;top: -13px;position: relative;
}
.courses-div2-caption
{
  color:#343434;margin-top: 20px;
}


.underline
{
  height: 1.5px;background-color: #0A7ADD;width: 20px;margin-bottom: 10px;
}

.courses-div2-caption2
{
  color:#343434;margin-top: 40px;
}

.div-seperator
{
  height:2px;background-color: #D4AF37;width: 200px;margin:0 auto;margin-top: 100px;
}
.course-list-item
{
  margin-top: 10px;
}
























#main-tagline1
{
	font-size: 50px;

	opacity: 0;
	position: relative;top:70px;
  animation-name: maintaglineone;
  animation-delay: 1s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes maintaglineone {
  0%   {opacity: 0;
  	top: 60px;
  	}

  
  100% {opacity: 1;
  	top: 0px;}
}

#main-tagline2
{
	font-size: 100px;
	opacity: 0;
	position: relative;top:50px;
  animation-name: maintaglinetwo;
  font-size: 72px;

  color: rgba(255,255,255,1);

  animation-delay: 1.5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes maintaglinetwo {
  0%   {opacity: 0;
  	top: 40px;
  	}

  
  100% {opacity: 1;
  	top: -20px;}
}



#main-tagline3
{
  font-size: 30px;
  opacity: 0;
  position: relative;top:40px;
  animation-name: maintaglinethree;
  animation-delay: 2s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes maintaglinethree {
  0%   {opacity: 0;
    top: 200px;
    }

  
  100% {opacity: 1;
    top: 70px;}
}







@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;
}
}

@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;
}
}
