#hpBanner {
    position: relative;
    height: 650px;
}

#hpBanner .wrapper {
	position: relative;
    width: auto;
    height: 100%;
    overflow: hidden;
	margin-top: 60px;
	padding-top: 20px;
}

.bannerVideo-container {
	position: absolute;
    width: 100%;
	height: auto;
	z-index: 10;
	overflow: visible;
}

.bannerVideo-container Video {
    left: 0%;
    width: 100%;
    height: auto;
    z-index: -10;
	bottom: 0%;
}
.hpBannerLinks {
	position:relative;
	padding-top: 20px;
	width: 100%;
	height: auto;
}

.hpBannerLinks .HPBLink {
	width: 250px;
	height: 100px;
	margin: 0 auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: background 0.3s ease;
}

#HPBLink1 {
	background: url("/annual-report-2025/assets/images/HPBannerLink/message_chair_CEO_button.svg") no-repeat center;
}

#HPBLink1:hover {
	background-image: url("/annual-report-2025/assets/images/HPBannerLink/message_chair_CEO_button_rollover.svg");
}

#HPBLink2 {

	background: url("/annual-report-2025/assets/images/HPBannerLink/board_button.svg")  no-repeat center;

}

#HPBLink2:hover {
	background-image: url("/annual-report-2025/assets/images/HPBannerLink/board_button_rollover.svg");
}

#HPBLink3 {

	background: url("/annual-report-2025/assets/images/HPBannerLink/leaders_button.svg")  no-repeat center;

}

#HPBLink3:hover {
	background-image: url("/annual-report-2025/assets/images/HPBannerLink/leaders_button_rollover.svg");
}



@media (max-width: 1500px) {

	.bannerVideo-container Video {
		

	}
}


@media (max-width: 1200px) {
	
	#hpBanner {
		height: 500px;		
	}
	
	#hpBanner .wrapper {

	}


}

@media (max-width: 990px) {
	
	#hpBanner {
		height: 400px;		
	}
	
	#hpBanner .wrapper {

	}

	.hpBannerLinks.container {
		padding-left: 0;
		padding-right: 0;
	}


}

@media (max-width: 770px) {
	
	#hpBanner {
		height: 350px;		
	}
	
	
	#hpBanner .wrapper {

	}

	

}


@media (max-width: 640px) {

	#hpBanner {
		height: 250px;	
	}
	#hpBanner .wrapper {

	}

	
}

@media (min-width: 580px) {


}

@media (max-width: 580px) {
 
   
  
}


@media (max-width: 576px) {




}

@media (max-width: 432px) {
	
	#hpBanner {
		height: 160px;
	}
	#hpBanner .wrapper {
	
	}


}

@media (max-width: 375px) {


}

@media (max-width: 320px) {
  
  
}