:root {
  --page-text-colour: #353534;
	--green-colour: #24DC9D; /*6FE5C4*/
  --bg1: #E6E6E6;
	--dark-grey: #8A8A88;
  /*--background-color: #f9f9f9;*/
}

body
{
	background-color: #FFFFFF;
	color: var(--page-text-colour);
	letter-spacing: normal;
  font-size: 16px !important;
	font-family: sans-serif;
	padding: 0px 0px 0px 0px;
}

.pageheading
{
	font-size: 20pt;
	text-decoration: underline var(--green-colour); 
	text-underline-offset: 5px;
	text-transform: capitalize;
}

.table-center
{
	align-self: center;
	border: 0px;
	width: 775px; 
	height: auto;
	margin-left: auto; 
	margin-right: auto; 
}

div.footer
{
	background-color: var(--dark-grey);
	color: #E6E6E6;
	text-align: center;
	text-decoration: underline var(--green-colour); 
	text-underline-offset: 15px;
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.grey /*Bar under menu, background for About & Sessions on HP */
{
	background-color: var(--bg1);
}

div.stretcher
{
	background-image: url('./Images/Stretcher.jpg') ;
	background-size:auto;
	background-position: center center;
	background-repeat: no-repeat;
	
}

.greenbox
{
	background-color: var(--green-colour);
	color: #FFFFFF;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 180px;
	height: 180px;
	font-size: 24pt;
}

.whitebox
{
	background-color: #FFFFFF;
	padding: 20px;
}

a.ReadMore, a.ReadMore:visited, a.ReadMore:active, a.ReadMore:link
{
	text-decoration: none;
	color: var(--page-text-colour);
}

a.ReadMore:hover
{
	text-decoration: underline;
}

img.round
{
	border-radius: 50%;
}

/*=== MENU START === */
a.Menu, a.Menu:active, a.Menu:link, a.Menu:visited
{
	text-decoration: none;
}

A.Whatsapp, A.Whatsapp:visited
{
	text-decoration: none;
	font-weight: bold;
	color: var(--green-colour);
}

A.Whatsapp:hover
{
	text-decoration: underline;
}

.menu-table
{
	align-self: center;
	border: 0px;
	background-color: var(--bg1);;
	padding: 10px 5px 10px 5px;
}

.menu-selected
{
	background-color: #FFFFFF;
	color: var(--green-colour);
	font-weight:bold;
	padding: 2px 40px 2px 5px;	
}

.menu-not-selected
{
	background-color: var(--bg1);
	color: var(--dark-grey);
	font-weight: normal;
	padding: 2px 40px 2px 5px;
}

.menu-not-selected:hover
{
	background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;
}

.menu-contacts
{
	background-color: #FFFFFF;
	color: var(--dark-grey);
	padding: 2px 0px 2px 5px;
	text-decoration: none;
	align-self: flex-start;
}
/*=== MENU END === */