.headlinebanner-text_heading {
  font-size: 4vw;
}

.headlinebanner-text_subheading {
  font-size: 3vw;
  letter-spacing: 1px;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .headlinebanner-text_heading {
    font-size: 2.5vw;
  }

  .headlinebanner-text_subheading {
    font-size: 1.25vw;
  }
}

@media (min-width: 1200px) {
  .headlinebanner-text_heading {
    font-size: 30px;
  }

  .headlinebanner-text_subheading {
    font-size: 15px;
  }
}
 // custom css

#train-my-employee .component-figure img {
	height: 325px;	
}
#train-my-employee .headlinebanner-text_heading h3 {
	font-size: 20px;
    text-align: center;
    font-weight: 400 !important;
    font-family: Roboto,sans-serif;
    color: #333;
}
#train-my-employee .headlinebanner-text span.headlinebanner-wrap p {
	text-shadow: none;
	font-size: 16px;
	    line-height: 22px;
    letter-spacing: .2px;
} 

/* .pt_content #train-my-employee .experience-layouts-3column {
	width: 66%;
} */

.smallheadline_banner .component-image {
	max-width: 70px;
} 
.smallheadline_banner .headlinebanner-text_container {
	position:static;
}
.smallheadline_banner.component-figure {
	text-align: center;
	padding: 0 20px;
}

.smallheadline_banner .headlinebanner-text span.headlinebanner-wrap h1,
.smallheadline_banner .headlinebanner-text span.headlinebanner-wrap h2,
.smallheadline_banner .headlinebanner-text span.headlinebanner-wrap h3,
.smallheadline_banner .headlinebanner-text span.headlinebanner-wrap h4 {
	margin: 20px 0 10px;
	font-family: Arial, sans-serif;
	color: #000;
	text-align: center;
	font-size: 22px;
}
.smallheadline_banner .headlinebanner-text span.headlinebanner-wrap p{
	text-shadow: 0 0 black;
	font-family: Arial, sans-serif;
	color: #000;
	text-align: center;
	font-size: 16px;
}
.headline_banner.component-figure {
	text-align: center;
}
.pt_content #train-my-employee .experience-layouts-3column .headlinebanner-text_heading p {
	display: none;
}

.headline_banner .headlinebanner-text span.headlinebanner-wrap {
	display: block;
}
.headline_banner .headlinebanner-text span.headlinebanner-wrap p,
.headline_banner .headlinebanner-text span.headlinebanner-wrap h1,
.headline_banner .headlinebanner-text span.headlinebanner-wrap h2,
.headline_banner .headlinebanner-text span.headlinebanner-wrap h3,
.headline_banner .headlinebanner-text span.headlinebanner-wrap h4 {
	font-family: Arial, sans-serif;
	
}
@media screen and (max-width: 767px) {
	.headline_banner.custom_banner .headlinebanner-text.headlinebanner-text_heading span.headlinebanner-wrap > *,
	.smallheadline_banner .headlinebanner-text.headlinebanner-text_heading span.headlinebanner-wrap > * {
		font-size: 18px !important;
		line-height: 20px !important;
	}
	.headline_banner.custom_banner .headlinebanner-text.headlinebanner-text_subheading span.headlinebanner-wrap > *,
    .smallheadline_banner .headlinebanner-text.headlinebanner-text_subheading span.headlinebanner-wrap > *
    {
    	font-size: 16px !important;
    	line-height: 20px !important;
    	
    }
    .headline_banner.custom_banner .headlinebanner-text.headlinebanner-text_subheading span.headlinebanner-wrap > *,
    .headline_banner.custom_banner .headlinebanner-text.headlinebanner-text_heading span.headlinebanner-wrap > *{
    	overflow-wrap: break-word;
    	max-width: 285px;
    }
    .headline_banner.custom_banner .headlinebanner-text_container {
		bottom: 25%;
	}
    
}
 .headline_banner .headlinebanner-text span.headlinebanner-wrap p {
	    font-size: 16px;
	    color: #333; 
	    line-height: 22px;
	    letter-spacing: .2px;
	    margin-bottom: 20px;
	    text-shadow: none;
	    text-align: center;
}
 .experience-component .experience-assets-headlinebanner {
	position: relative;
}
 .headline_banner .headlinebanner-text_heading h3 {
	font-size: 20px;
	text-align: center;
	font-weight: 400 !important;
	font-family: Roboto,sans-serif;
	color: #333;
	margin: 20px 0 10px;
}