p, span a {
	font-family: 'Ridley Grotesk';
	font-weight:400;
	font-style: normal;		
}


h1, h2, strong, .info-box_title .bold {
	font-family: 'Ridley Grotesk';
	font-weight:900;
	font-style: normal;		
}

h3, .thin {
	font-family: 'Ridley Grotesk';
	font-weight:100;
	font-style: normal;		
}

.cap-h2-midweight{
		font-family: 'Ridley Grotesk';
	font-weight:400;
	text-transform:uppercase;
}

//ABOUT PAGE ANIMATION //

.sam-animation .hayley-animation .jabba-animation .bottom-animation {
	animation-delay: 1s;
}

.welcome-desktop h3{
	color:black;
	font-size:20px;
	font-weight:900;
}

.welcome-desktop p{
	color:black;
	font-size:18px;
}
.welcome-mobile h3{
	color:black;
	font-weight:900;
	margin-bottom:0;
}

.welcome-mobile p{
	color:black;
}

.welcome-mobile h2{
	margin-bottom:10px!important;
}

@media only screen and (min-width: 768px) {

.sam-animation {
	animation-delay: 1s;
}

.sam-animation {
	animation-delay: 1.5s;
}

.hayley-animation {
	animation-delay: 3s;
}

.jabba-animation {
	animation-delay: 4s;
}

.bottom-animation {
	animation-delay: 5s;
}
}



@media only screen and (min-width: 768px) {
.banner-mobile	{
	display: none;
	}
	
	.banner-desktop	{
	display: block;
	}
	.welcome-mobile{
		display: none;
	}
	.welcome-desktop{
		display: block;
	}
}

@media only screen and (max-width: 768px) {
	
.banner-mobile	{
	display: block;
	background-position:30% 30px!important;
	}
	
	.banner-desktop	{
	display: none;
	}
	.welcome-mobile{
		display: block;
		background-position: 40% 0!important;
	}
	.welcome-desktop{
		display: none;
	}
}

@media only screen and (max-width: 992px){
	section.stellar-fixed {

	background-position:35% 30px!important;
}
}

.banner-desktop .container,.banner-desktop .row,.banner-desktop .hero-text,.banner-desktop .hero-text .vc_column-inner,.banner-desktop .hero-text .vc_column-inner .wpb_wrapper,.banner-desktop .hero-text .hero-text-row  {
	height:100%;
}

.banner-desktop .hero-text .hero-text-row {
	height:100%;
	display:flex;
	align-items:center;
}

@media (max-width: 768px) {
  .ot-youtube-video-wrapper iframe {
    width: 100% !important;
    height: 100vh !important; /* Set height to full viewport height */
    object-fit: contain !important;
  }
}

/* Desktop/tablet padding for the heading inside the row */
@media (min-width: 768px) {
  .hardhats-heading .vc_custom_heading {
    padding-top: 120px !important;
  }
}

/* Mobile padding for the heading inside the row */
@media (max-width: 767px) {
  .hardhats-heading .vc_custom_heading {
    padding-top: 0px !important;
  }
}.expand h4 {
    color: #000000 !important;
    font-family: Ridley Grotesk !important;
    font-weight: 400 !important; 
    font-size: 14px !important;
    transition: color 0.2s ease;
}

.expand h4:hover {
    color: #FFFFFF !important;
}
}