.videoContainer{padding-bottom:56.25%; margin-bottom:1em;}
.mejs-container {
  width: 100% !important;
  height: auto !important;
  padding-top: 56.25%;
}
.mejs-overlay, .mejs-poster {
  width: 100% !important;
  height: 100% !important;
}
.mejs-mediaelement video {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100% !important;
  height: 100% !important;
}




#pageContent .rhmWidget{position:relative;}
#pageContent .rhmWidget i.icon-video {
	background:#ffffff;
	position:absolute;
	top:1em;
	left:1em;
	line-height:0;
	font-size:1.4em;
	margin:0;
}

#pageContent .esg-agenda .esg-col { 
		display: flex;
	}
	#pageContent .esg-agenda .esg-panel {
		padding:15px 20px;
		color:#fff;
		position:relative;
		margin:0px 3px 40px 0;
		flex: 1;
		display:flex;
		flex-direction:column;
		align-items: center;
	}
	#pageContent .esg-agenda .esg-shared-value {
		padding-top:20px;
	} 
	#pageContent .esg-agenda .esg-panel .esg-circle {
		border: 1.5px solid #fff;
		border-radius: 25px;
		color: #fff;
		display: block;
		font-weight: bold;
		line-height: 40px;
		text-align: center;
		width: 40px;
		position: relative;
		font-size: 20px;
		margin-bottom: 15px;
	}	

	#pageContent .esg-agenda .esg-row .esg-panel ul {
		padding:0;
		margin:0;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		width:100%;
	}
	#pageContent .esg-agenda .esg-row .esg-panel ul li { 
		padding:5px 10px;
		list-style-type:none;
		margin:0 10px;
                flex: 1;    
                display: flex;
                border-bottom: 1px solid rgba(255,255,255,0.5);
                align-items: center;
                justify-content: center; 
                color: #fff;
	}
        #pageContent .esg-agenda .esg-row .esg-panel ul li span {
	        display:block;
        }
	#pageContent .esg-agenda .esg-col .esg-panel ul {
		padding:0;
		margin:0;
		width: 100%;
	}
	#pageContent .esg-agenda .esg-col .esg-panel ul li { 
		border-bottom:1px solid rgba(255,255,255,0.5);
		padding:5px 10px;
                margin:0; 
		list-style-type:none;
                font-size: 0.9em;
                font-weight: normal;
                text-align: center;
                color: #fff;
	}
	
	#pageContent .esg-agenda .esg-col .esg-panel.esg-governance ul li:first-of-type {
		padding: 5px 0px;	
	}
	
	
	#pageContent .esg-agenda .esg-panel ul li:before {
		display:none;
	}	
	#pageContent .esg-agenda .esg-panel h4 { 
		padding:0;
		margin:0 0 10px 0;
		color:#fff;
		font-size:1.25em;
		text-align:center;
	}		
	#pageContent .esg-agenda .esg-col .esg-panel h4 { 
		font-weight: bold;
		font-size: 1.15em;
		text-align: center;
		line-height: 1.15em;
		min-height: 3.5em;
	}

	#pageContent .esg-agenda .esg-health {
		background:#e72582;
		margin-top: 40px;
	}		
	#pageContent .esg-agenda .esg-environmental {
		background:#50af47;
	}
	#pageContent .esg-agenda .esg-social {
		background:#00b1eb;
	}
	#pageContent .esg-agenda .esg-governance {
		background:#ffbb00;
	}
	#pageContent .esg-agenda .esg-shared-value {
		background:#0e2b63;
	}	
	

	
	
	
@media only screen and (max-width: 983px) {
	#pageContent .esg-agenda .esg-col {
		display:block;
	}
	#pageContent .esg-agenda .esg-row .esg-panel ul li { 
		flex-basis: 33%;
	}	
	#pageContent .esg-agenda .esg-panel img {
		
	}	
	#pageContent .esg-agenda .esg-col .esg-panel h4 { 
		min-height: inherit;	
	}
	
}
@media only screen and (max-width: 519px) {
	#pageContent .esg-agenda .esg-panel {
		padding: 50px 10px 10px 10px;
	}
	#pageContent .esg-agenda .esg-row .esg-panel ul li {
		margin: 0 2px;
	}
}