/*Geant Header Pink Start*/

h7.ms-rteElement-GeantHPink
{
    -ms-name: "Geant Header Pink";
    -ms-element:"true";    
}
.ms-rtestate-field h7,
.ms-rteElement-GeantHPink
{
	padding: 6px 15px;
	background-color: #d2147e;
	color: white;
	width: 100%;
	display: block;
	margin: 0 0 10px 0;
	font-size: 18px;
} 

/*Geant Header Pink End*/

 
/*Geant Header Purple Start*/

h8.ms-rteElement-GeantHPurple
{
    -ms-name: "Geant Header Purple";
    -ms-element:"true";    
}
.ms-rtestate-field h8,
.ms-rteElement-GeantHPurple
{
	padding: 6px 15px;
	background-color: #623384;
	color: white;
	width: 100%;
	display: block;
	margin: 0 0 10px 0;
	font-size: 18px;
} 

/*Geant Header Purple End*/


 
/*Geant Header Grey Start*/

h9.ms-rteElement-GeantHGrey
{
    -ms-name: "Geant Header Grey";
    -ms-element:"true";    
}
.ms-rtestate-field h9,
.ms-rteElement-GeantHGrey
{
	padding: 6px 15px;
	background-color: #606676;
	color: white;
	width: 100%;
	display: block;
	margin: 0 0 10px 0;
	font-size: 18px;
} 

/*Geant Header Grey End*/

 
/*Geant Header Blue Start*/

h10.ms-rteElement-GeantHBlue
{
    -ms-name: "Geant Header Blue";
    -ms-element:"true";    
}
.ms-rtestate-field h10,
.ms-rteElement-GeantHBlue
{
	padding: 6px 15px;
	background-color: #004360;
	color: white;
	width: 100%;
	display: block;
	margin: 0 0 10px 0;
	font-size: 18px;
} 

/*Geant Header Blue End*/