@charset "utf-8";
/* CSS Document */

/*------------Styling that remains the same regardless of screen size---------------------------------------------------------------------------------------------------------------------------*/

/*------------Whole website--------------------------------------------------------------*/
	/* Body tag */
	body {
		padding-top: 15px;
	}


/*------------Header--------------------------------------------------------------*/

		/* Logo */
		.header img {
			height: auto;
		}

		/* Login button */
		.header button {
			color: #FFFFFF; /* Text color*/
			text-align: center;
			font-family: 12px "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
			font-weight: bold;
			
			position: absolute;
			background-image: linear-gradient(to right, #33a08a, #2b8f78); /* Background color */
			border: none;			
			padding-top: 18px; /* Space around text */
			padding-bottom: 18px;
			padding-left: 8px;
			padding-right: 8px;
			border-radius: 50%; /* Create a circle */
			
			cursor: pointer;
		}

			/* Login button hover */
			.header button:hover {
				background-image: none;
				background-color: #6db09f;
			}

	/* Main heading */
	h1 {
		font-family: "Kinescope", "Brush Script M7", "Lucida Handwriting", "cursive";
		font-weight: normal;
		color: #33a08a;
		text-align: center;
		text-decoration: underline #a76f50 solid 3px;
		text-decoration-skip-ink: none; /* Prevent gaps in the underline */
	}


/*------------Navigation menu--------------------------------------------------------------*/
		/* Unordered list */
		.nav ul {
			list-style-type: none; /* Prevent dot points */
			background-image: linear-gradient(to right, #33a08a, #2b8f78); /* Background color */
		}

			/* List item */
			.nav li {
				font: 16px "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
				font-weight: bold;
				color: #FFFFFF;
			}

				/* Links */
				.nav a:link {
					font: 16px "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
					font-weight: bold;
					color: #FFFFFF;	
					text-decoration: none; /* Prevent underlines */
				}

					/* Visited links */
					.nav a:visited {
						font: 16px "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
						font-weight: bold;
						color: #FFFFFF;	
						text-decoration: none;
					}
	
					/* Hovering over links */
					.nav a:hover {
						font: 16px "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
						font-weight: bold;
						color: #6db09f;	
						text-decoration: none;
					}
	
					/* Active links */
					.nav a:active {
						font: 16px "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
						font-weight: bold;
						color: #FFFFFF;	
						text-decoration: none;
					}


/*------------Body content--------------------------------------------------------------*/

	/* Content headings */
	h3 {
		font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		font-weight: bold;
		color: #a76f50;
	}

	/* Secondary content heading */
	h4 {
		font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		font-weight: bold;
		color: #000000;
	}

	/* Body text */
	p {
		font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		color: #000000;
	}

	/* Links */
	a:link {
		font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		font-weight: normal;
		color: #2b8f78;	
		text-decoration: underline;
	}

		a:visited {
			font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
			font-weight: normal;
			color: #2b8f78;	
			text-decoration: underline;
		}
	
		a:hover {
			font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
			font-weight: normal;
			color: #6db09f;	
			text-decoration: underline;
		}
	
		a:active {
			font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
			font-weight: normal;
			color: #2b8f78;	
			text-decoration: underline;
		}

/*------------Home page--------------------------------------------------------------*/
	
	/* Picture slideshow */
	.slideshow_container {
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
		position: relative;
	}

		/* Picture container */
		.slide {
			display: none; /* Hide the images */
			width: 100%;
			height: auto;
		}

			/* Slideshow image */
			.slide img {
				width: 100%;
				height: auto;
			}

			.slide:first-child {
				display: block; /* Display the appropriate image */
			}

		/* Slideshow animation */
		.fade {
			animation-name: fade;
			animation-duration: 7s;
			animation-timing-function: ease;
		}

			/* Animation timing */
			@keyframes fade {
				0% {opacity: 0;}
				35% {opacity: 1;}
				65% {opacity: 1;}
				100% {opacity: 0;}
			}

		/* Slideshow controls */
		.prev, .next {
			cursor: pointer;
			position: absolute;
			top: 50%;
			width: auto;
			margin-top: -26px;
			color: #efefed;
			font-weight: bold;
			border-radius: 0 3px 3px 0;
			user-select: none;
		}

			/* Next arrow */
			.next {
				right: 0;
				border-radius: 3px 0 0 3px;
			}

			/* Slideshow controls hover */
			.prev:hover, .next:hover {
				color: #6db09f;
				font-weight: bold;
				text-decoration: none;
			}

		/* Slideshow dot buttons */
		.dot_container {
			text-align: center;
			padding: 20px;
			padding-top: 10px;
		}

			/* Individual dots */
			.dot {
				cursor: pointer;
				margin: 0 2px;
				background-color: #efefed;
				border-radius: 50%;
				display: inline-block;
			}

				/* Individual dots active and hover */
				.active, .dot:hover {
					background-color: #6db09f;
				}

	/* The centres badges */
	.badges {
		margin-bottom: 20px;
		display: flex;
		align-items: stretch;
	}


/*------------Contact us page--------------------------------------------------------------*/

	/* Contact info icons */
	.contact_details img {
		float: left;
	}

	/* Facebook preview */
	iframe {
		width: 100%;
		height: 100%;
		border: none;
		transform-origin: 0 0;
	}


/*------------Philosophy page--------------------------------------------------------------*/

	/* Philosophy summary slideshow */
	.summary_container {
		position: relative;
		display: block;
		background-image: linear-gradient(to right, #33a08a, #2b8f78); /* Background color */
		margin-top: 30px;
	}

		.summary {
			display: none; /* Hide the summary div */
			padding-top: 20px;
			padding-bottom: 20px;
			padding-left: 37px;
			padding-right: 37px;
			align-items: center;
		}
			
		.summary:first-child {
			display: flex; /* Dispaly the appropriate div */
		}

			/* Philosophy summary slideshow image */
			.summary img {
				margin-right: 20px;
			}

			/* Philosophy summary slideshow text */
			.summary p {
				color: white;
				padding: 0px;
				text-align: center;
			}

		/* Philosophy summary slideshow controls */
		.previous, .nextUp {
			cursor: pointer;
			position: absolute;
			top: 50%;
			margin-top: -10px;
			width: auto;
			color: #efefed;
			border-radius: 0 3px 3px 0;
			user-select: none;
			font-weight: bold;
			font-size: 30px;
			padding: 10px;
		}

		.nextUp {
			border-radius: 3px 0 0 3px;
			right: 0;
		}

			.previous:hover, .nextUp:hover {
				color: #6db09f;
				font-weight: bold;
				text-decoration: none;
			}


/*------------Newsletters page--------------------------------------------------------------*/	
	
	/* Latest newsletter */	
	embed {
		width: 100%;
	}	


/*------------Events page--------------------------------------------------------------*/

	/* Table */
	table {
		border-collapse: collapse;
	}

		/* Table data */
		td {
			font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
			color: #000000;
			border-bottom: 1px solid  #a76f50;
			border-top: 1px solid  #a76f50;
		}
	
			td:first-child {
				text-align: center;
			}
	
			td:nth-child(2) {
				font-weight: bold;
			}


/*------------Staff page--------------------------------------------------------------*/

	/* Staff images */
	.staff_images {
		display: flex;
		align-items: stretch;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}

		.staff_images img {
			box-shadow: 10px 10px 10px #d1d3d5;
		}


/*------------Footer--------------------------------------------------------------*/
	.footer {
		position: absolute;
		background-image: linear-gradient(to right, #33a08a, #2b8f78);
		left: 0;
		right: 0;
	}
		
		/* Contact information */
		.contact {
			background-color: #6db09f;
			float: left;
		}

			.contact p {
				color: #FFFFFF;
			}

		/* Navigation links heading */
		.footer h3 {
			color: #FFFFFF;
		}

		/* Footer navigation links */
		.footer a:link {
			font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
			font-weight: normal;
			color: #FFFFFF;	
			text-decoration: none;
		}

			.footer a:visited {
				font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
				font-weight: normal;
				color: #FFFFFF;	
				text-decoration: none;
			}

			.footer a:hover {
				font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
				font-weight: normal;
				color: #6db09f;	
				text-decoration: none;
			}

			.footer a:active {
				font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
				font-weight: normal;
				color: #FFFFFF;	
				text-decoration: none;
			}

		/* Border between navigation links and Acknowledgement of Country */
		.footer_border {
			border-bottom: 3px solid #6db09f;
			clear: both;
		}

		/* Acknowledgement of Country */
		.acknowledgement p {
			color: #FFFFFF;
			text-align: center;
		}


/*------------Styling for screens 359px wide and smaller---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 359px) {
	
/*------------Whole website--------------------------------------------------------------*/
	/* Body tag */
	body {
		padding-left: 15px;
	}
	
	
/*------------Screen overlay--------------------------------------------------------------*/
	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000000;
		opacity: 40%;
		display: none; /* Hide screen overlay */
		z-index: 1; /* Place behind hamburger menu but in front of everything else */
	}
	
	
/*------------Header--------------------------------------------------------------*/
		
		/* Logo */
		.header img {
			position: absolute;
			margin-top: -30px;
			margin-left: -90px;
			left: 50%;
			width: 180px;
		}
	
		/* Main heading */
		h1 {
			padding-top: 50px;
			font-size: 37px;
			text-underline-offset: 2px; /* Gap between text and underline */
		}
	
		.header button {
			right: 10px;
			top: 30px;
		} 
	

/*------------Drop-shadow under header--------------------------------------------------------------*/
	.drop-shadow {
		position: absolute;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
		height: 175px;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
	}
	
	
/*------------Navigation menu--------------------------------------------------------------*/	
	.nav {
		top: 0;
		margin-top: 0px;
		position: fixed;
		left: -450px;
		z-index: 2; /* Bring to front */
		padding: 0px;
		box-sizing: border-box;
	}
	
		/* Navigation menu heading */
		.nav h2 {
			font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
			font-size: 20px;
			font-weight: bold;
			color: #FFFFFF;
			text-align: left;
			text-decoration: underline #a76f50 solid 1px;
			text-underline-offset: 2px;
			text-decoration-skip-ink: none;
			margin-left: -12px;
			margin-top: 10px;
		}
	
		/* Unordered list */
		.nav ul {
			width: 100%;
			max-width: 270px;
			padding-top: 20px;
			padding-left: 30px;
			padding-right: 80px;
			padding-bottom: 20px;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		
			/* List item */
			.nav li {
				padding-bottom: 20px;
			}

	/* Opened navigation menu */
	.nav.active {
		left: 0;
	}
		
/*------------Hamburger menu--------------------------------------------------------------*/
	
	/* Nav tag */
	nav {
		display:flex;
	}
	
	.ham-menu {
		position: absolute;
		left: 10px;
		top: 45px;
		z-index: 2; /* Bring to front */
		cursor: pointer;
	}
	
		/* Hamburger menu lines */
		.ham-menu span {
			display: block;
			width: 35px;
			height: 2px;
			margin-bottom: 10px;
			background-color: #2b8f78;
		}
	
			/* Hamburger menu hover */
			.ham-menu:hover span {
				background-color: #6db09f;
			}
	
	/* Opened hamburger menu */
	.ham-menu.active {
		left: 300px;
		top: 40px;
	}
	
		/* Opened hamburger menu hover */
		.ham-menu.active:hover span {
			background-color: #6db09f;
		}
	
		/* Opened hamburger menu close symbol */
		.ham-menu.active span {
			background-color: #FFFFFF;
			margin-bottom: -2px;
		}
	
		.ham-menu.active span:nth-child(1) {
			transform: translate(-50%, -50%) rotate(45deg);
		}
	
		.ham-menu.active span:nth-child(2) {
			opacity: 0;
		}
	
		.ham-menu.active span:nth-child(3) {
			transform: translate(-50%, -50%) rotate(-45deg);
		}

/*------------Body content--------------------------------------------------------------*/

	/* Content headings */
	h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	
	/* Secondary content heading */
	h4 {
		font-size: 16px;
		margin-bottom: -5px;
	}

	/* Body text */
	p {
		font-size: 12px;
	}
	
/*------------Home page--------------------------------------------------------------*/
	
		/* Slideshow controls */
		.prev, .next {
			padding: 10px;
			font-size: 25px;
		}

			/* Slideshow controls hover */
			.prev:hover, .next:hover {
				font-size: 25px;
			}

			/* Individual dots */
			.dot {
				height: 13px;
				width: 13px;
			}	
	
	/* The centres badges */
	.badges {
		margin-top: 0px;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	
		/* Badge images */
		.badges img {
			padding-top: 20px;
			width: 135px;		
		}
	
/*------------Contact us page--------------------------------------------------------------*/
	
	/* Contact info */
	.contact_details {
		padding-bottom: 10px;
		margin-bottom: 50px;
	}
	
		/* Contact info icons */
		.contact_details img {
			width: 50px;
			padding-right: 20px;
			margin-bottom: 70px;
		}
	
	/* Facebook preview */
	.facebook_container {
		margin-right: 0px;
		margin-left: 0px;
		height: 500px;
	}
	
		iframe {
			transform: scale(0.7);
		}	
	
/*------------Newsletters page--------------------------------------------------------------*/	
	
	/* Latest newsletter */
	.latest_newsletter {
		margin-left: 0px;
		margin-right: 0px;
	}
	
		embed {
			height: 600px;
		}	

/*------------Events page--------------------------------------------------------------*/
	
	/* Table */
	table {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 15px;
		margin-bottom: 35px;
		width: 100%;
	}
	
		/* Table data */
		td {
			font-size: 12px;
			padding-top: 15px;
			padding-bottom: 15px;
		}
	
			td:first-child {
				padding-left: 10px;
				width: 80px;
			}
	
			td:nth-child(2) {
				padding-left: 20px;
				padding-right: 20px;
			}
	
			td:last-child {
				padding-right: 10px;
				width: 300px;
			}	
	
/*------------Staff page--------------------------------------------------------------*/
	
	/* Staff images */
	.staff_images {
		gap: 30px;
		margin-left: 0px;
		margin-right: 0px;	
		margin-bottom: 20px;
	}
		
		.staff_images img {
			width: 230px;
		}	
	
/*------------Philosophy page--------------------------------------------------------------*/
	
	/* Philosophy summary slideshow */
	.summary_container {
		margin-left: 0px;
		margin-right: 0px;
	}
	
		.summary {
			flex-wrap: wrap;
		}
	
			/* Philosophy summary slideshow image */
			.summary img {
				width: 100%;
			}
		
			/* Philosophy summary slideshow text */
			.summary p {
				flex: 1;
				font-size: 12px;
			}
	
/*------------Footer--------------------------------------------------------------*/
	.footer {
		margin-top: 15px;
		width: 340px;
	}
	
		/* Contact information */
		.contact {
			margin-left: 15px;
			margin-top: 15px;
			margin-right: 15px;
			margin-bottom: 10px;
			width: 160px;
			padding-top: 6px;
			padding-bottom: 6px;
		}
	
			.contact p {
				padding-left: 15px;
				padding-right: 15px;
			}

		/* Navigation links heading */
		.footer h3 {
			margin-top: 9px;
			margin-bottom: -10px;
		}
	
		/* Footer navigation links */
		.footer ul {
			list-style-type: none;
			width: 300px;
		}
			
			.footer li {
				padding-bottom: 8px;
			}
	
				/* Navigation links on the left side */
				.footer li.inline_l {
					display: inline-block;
					text-align: right;
					margin-left: 65px;
					padding-right: 15px;
				}

				/* Navigation links on the right side */
				.footer li.inline_r {
					display: inline-block;
					text-align: left;
				}
	
				.footer a {
					font-size: 12px;
				}

		/* Border between navigation links and Acknowledgement of Country */
		.footer_border {
			margin-left: 70px;
			margin-right: 70px;
			padding-top: 0px;
		}

		/* Acknowledgement of Country */
		.acknowledgement {
			padding-top: 5px;
			padding-bottom: 10px;
			margin-left: 15px;
			margin-right: 15px;
		}
	
			.acknowledgement p {
				font-size: 10px;
				line-height: 17px;
			}	
}


/*------------Styling for screens between 360px and 500px wide---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 360px) and (max-width: 500px) {
	
/*------------Whole website--------------------------------------------------------------*/
	/* Body tag */
	body {
		padding-left: 15px;
		padding-right: 15px;
	}
		
/*------------Screen overlay--------------------------------------------------------------*/
	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000000;
		opacity: 40%;
		display: none; /* Hide screen overlay */
		z-index: 2; /* Place behind hamburger menu but in front of everything else */
	}
	
/*------------Header--------------------------------------------------------------*/
	
		/* Logo */
		.header img {
			position: absolute;
			margin-top: -30px;
			margin-left: -90px;
			left: 50%;
			width: 180px;
		}
	
		/* Main heading */
		h1 {
			padding-top: 50px;
			font-size: 40px;
			text-underline-offset: 3px;
		}
	
		/* Login button */
		.header button {
			margin-top: -25px;
			right: 15px;
			z-index: 1;
		}
	
/*------------Drop-shadow under header--------------------------------------------------------------*/
	.drop-shadow {
		position: absolute;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
		height: 165px;
		top: 0;
		left: 0;
		right: 0;
	}
	
/*------------Navigation menu--------------------------------------------------------------*/	
	.nav {
		top: 0;
		margin-top: 0px;
		position: fixed;
		left: -450px;
		z-index: 3; /* Bring to front */
		padding: 0px;
		box-sizing: border-box;
	}
	
		/* Navigation menu heading */
		.nav h2 {
			font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
			font-size: 20px;
			font-weight: bold;
			color: #FFFFFF;
			text-align: left;
			text-decoration: underline #a76f50 solid 1px;
			text-underline-offset: 2px;
			text-decoration-skip-ink: none;
			margin-left: -12px;
			margin-top: 10px;
		}
	
		/* Navigation menu unordered list */
		.nav ul {
			width: 100%;
			max-width: 270px;
			padding-top: 20px;
			padding-left: 30px;
			padding-right: 80px;
			padding-bottom: 20px;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		
			/* Navigation menu list item styling */
			.nav li {
				padding-bottom: 20px;
			}

	/* Opened hamburger menu */
	.nav.active {
		left: 0;
	}
		
/*------------Hamburger menu--------------------------------------------------------------*/
	nav {
		display:flex;
	}
	
	/* Hamburger menu styling */
	.ham-menu {
		position: absolute;
		left: 15px;
		top: 45px;
		z-index: 3; /* Bring to front */
		cursor: pointer;
	}
	
		/* Hamburger menu lines */
		.ham-menu span {
			display: block;
			width: 35px;
			height: 2px;
			margin-bottom: 10px;
			background-color: #2b8f78;
		}
	
			/* Hamburger menu hover */
			.ham-menu:hover span {
				background-color: #6db09f;
			}
	
	/* Opened hamburger menu */
	.ham-menu.active {
		left: 300px;
		top: 40px;
	}
	
		/* Opened hamburger menu hover */
		.ham-menu.active:hover span {
			background-color: #6db09f;
		}
	
		/* Opened hamburger menu close symbol */
		.ham-menu.active span {
			background-color: #FFFFFF;
			margin-bottom: -2px;
		}
	
		.ham-menu.active span:nth-child(1) {
			transform: translate(-50%, -50%) rotate(45deg);
		}
	
		.ham-menu.active span:nth-child(2) {
			opacity: 0;
		}
	
		.ham-menu.active span:nth-child(3) {
			transform: translate(-50%, -50%) rotate(-45deg);
		}
	
/*------------Body content--------------------------------------------------------------*/
		
	/* Content headings */
	h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	
	/* Secondary content heading */
	h4 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	/* Body text */
	p {
		font-size: 16px;
	}
		
/*------------Home page--------------------------------------------------------------*/
	
		/* Slideshow controls */	
		.prev, .next {
			padding: 10px;
			font-size: 25px;
		}
	
			/* Slideshow controls hover */	
			.prev:hover, .next:hover {
				font-size: 25px;
			}
	
			/* Individual dots */	
			.dot {
				height: 13px;
				width: 13px;
			}
		
	/* The centres badges */
	.badges {
		margin-top: 0px;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	
		/* Badge images */	
		.badges img {
			padding-top: 20px;
			width: 135px;		
		}
	
/*------------Contact us page--------------------------------------------------------------*/
		
	/* Contact info */
	.contact_details {
		padding-bottom: 10px;
		margin-bottom: 50px;
	}
	
		/* Contact info icons */
		.contact_details img {
			width: 70px;
			padding-right: 20px;
			margin-bottom: 99px;
		}
	
	/* Facebook preview */
	.facebook_container {
		margin-right: 0px;
		margin-left: 0px;
		height: 500px;
	}
	
		iframe {	
			transform: scale(0.9);
		}	
	
/*------------Newsletters page--------------------------------------------------------------*/	
	
	/* Latest newsletter */
	.latest_newsletter {
		margin-left: 0px;
		margin-right: 0px;
	}
	
		embed {
			height: 600px;
		}	
	
/*------------Events page--------------------------------------------------------------*/
	
	/* Table */
	table {
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 40px;
		width: 100%;
	}
	
		/* Table data */
		td {
			font-size: 12px;
			padding-top: 15px;
			padding-bottom: 15px;
		}
	
			td:first-child {
				padding-left: 10px;
				width: 80px;
			}
	
			td:nth-child(2) {
				padding-left: 30px;
				padding-right: 30px;
			}
	
			td:last-child {
				padding-right: 10px;
				width: 300px;
			}	
	
/*------------Staff page--------------------------------------------------------------*/
	
	/* Staff images */
	.staff_images {
		gap: 20px;
		margin-left: 0px;
		margin-right: 0px;	
		margin-bottom: 20px;
	}
		
		.staff_images img {
			width: 200px;
		}	
	
/*------------Philosophy page--------------------------------------------------------------*/
	
	/* Philosophy summary slideshow */
	.summary_container {
		margin-left: 0px;
		margin-right: 0px;
	}
	
		.summary {
			flex-wrap: wrap;
		}
	
			/* Philosophy summary slideshow image */
			.summary img {
				width: 100%;
			}
		
			/* Philosophy summary slideshow text */
			.summary p {
				font-size: 16px;
			}	
	
/*------------Footer--------------------------------------------------------------*/
	.footer {
		margin-top: 15px;
	}
	
		/* Contact information */
		.contact {
			margin-left: 15px;
			margin-top: 15px;
			margin-right: 15px;
			margin-bottom: 10px;
			width: 160px;
			padding-top: 6px;
			padding-bottom: 6px;
		}

			.contact p {
				padding-left: 15px;
				padding-right: 15px;
				font-size: 12px;
			}

		/* Navigation links heading */
		.footer h3 {
			margin-top: 9px;
			margin-bottom: -10px;
		}
	
		/* Footer navigation links */
		.footer ul {
			list-style-type: none;
			width: 300px;
		}
			
			.footer li {
				padding-bottom: 8px;
			}
	
				/* Navigation links on the left side */
				.footer li.inline_l {
					display: inline-block;
					text-align: right;
					margin-left: 65px;
					padding-right: 15px;
				}

				/* Navigation links on the right side */
				.footer li.inline_r {
					display: inline-block;
					text-align: left;
				}
	
				.footer a {
					font-size: 12px;
				}

		/* Border between navigation links and Acknowledgement of Country */
		.footer_border {
			margin-left: 70px;
			margin-right: 70px;
			padding-top: 0px;
		}

		/* Acknowledgement of Country */
		.acknowledgement {
			padding-top: 5px;
			padding-bottom: 10px;
			margin-left: 15px;
			margin-right: 15px;
		}
	
			.acknowledgement p {
				font-size: 10px;
				line-height: 17px;
			}	
}


/*------------Styling for screens between 501px and 949px wide---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 501px) and (max-width: 949px) {
	
/*------------Whole website--------------------------------------------------------------*/
	/* Body tag */
	body {
		padding-left: 15px;
		padding-right: 15px;
	}
		
/*------------Screen overlay--------------------------------------------------------------*/
	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000000;
		opacity: 40%;
		display: none; /* Hide screen overlay */
		z-index: 2; /* Place behind hamburger menu but in front of everything else */
	}
	
/*------------Header--------------------------------------------------------------*/
	
		/* Logo */
		.header img {
			position: absolute;
			margin-top: -45px;
			margin-left: -125px;
			left: 50%;
			width: 250px;
		}
	
		/* Login button */
		.header button {
			right: 15px;
			margin-top: -30px;
			z-index: 1;
		}
	
		/* Main heading */
		h1 {
			padding-top: 60px;
			font-size: 55px;
			text-underline-offset: 2px;
		}
	
/*------------Drop-shadow under header--------------------------------------------------------------*/
	.drop-shadow {
		position: absolute;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
		height: 215px;
		top: 0;
		left: 0;
		right: 0;
	}
	
/*------------Navigation menu--------------------------------------------------------------*/	
	.nav {
		top: 0;
		margin-top: 0px;
		position: fixed;
		left: -450px;
		z-index: 3; /* Bring to front */
		padding: 0px;
		box-sizing: border-box;
	}
	
		/* Navigation menu heading */
		.nav h2 {
			font-family: "Open Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
			font-size: 20px;
			font-weight: bold;
			color: #FFFFFF;
			text-align: left;
			text-decoration: underline #a76f50 solid 1px;
			text-underline-offset: 2px;
			text-decoration-skip-ink: none;
			margin-left: -12px;
			margin-top: 10px;
		}
	
		/* Navigation menu unordered list */
		.nav ul {
			width: 100%;
			max-width: 270px;
			padding-top: 20px;
			padding-left: 30px;
			padding-right: 80px;
			padding-bottom: 20px;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		
			/* Navigation menu list item styling */
			.nav li {
				padding-bottom: 20px;
			}

	/* Opened hamburger menu */
	.nav.active {
		left: 0;
	}
		
/*------------Hamburger menu--------------------------------------------------------------*/
	nav {
		display:flex;
	}
	
	/* Hamburger menu styling */
	.ham-menu {
		position: absolute;
		left: 15px;
		top: 45px;
		z-index: 3; /* Bring to front */
		cursor: pointer;
	}
	
		/* Hamburger menu lines */
		.ham-menu span {
			display: block;
			width: 35px;
			height: 2px;
			margin-bottom: 10px;
			background-color: #2b8f78;
		}
	
			/* Hamburger menu hover */
			.ham-menu:hover span{
				background-color: #6db09f;
			}
	
	/* Opened hamburger menu */
	.ham-menu.active {
		left: 300px;
		top: 40px;
	}
	
		/* Opened hamburger menu hover */
		.ham-menu.active:hover span {
			background-color: #6db09f;
		}
	
		/* Opened hamburger menu close symbol */
		.ham-menu.active span {
			background-color: #FFFFFF;
			margin-bottom: -2px;
		}
	
		.ham-menu.active span:nth-child(1) {
			transform: translate(-50%, -50%) rotate(45deg);
		}
	
		.ham-menu.active span:nth-child(2) {
			opacity: 0;
		}
	
		.ham-menu.active span:nth-child(3) {
			transform: translate(-50%, -50%) rotate(-45deg);
		}
		
/*------------Body content--------------------------------------------------------------*/
		
	/* Content headings */
	h3 {
		font-size: 30px;
		padding-left: 50px;
		padding-right: 50px;
		margin-bottom: 20px;
	}
	
	/* Secondary content heading */
	h4 {
		font-size: 20px;
		padding-left: 50px;
		padding-right: 50px;
		margin-bottom: 10px;
	}

	/* Body text */
	p {
		font-size: 15px;
		padding-left: 50px;
		padding-right: 50px;
	}
		
/*------------Home page--------------------------------------------------------------*/
	
	/* Picture slideshow */
	.slideshow_container {
		padding-left: 50px;
   		padding-right: 50px;
	}
	
		/* Slideshow controls */	
		.prev, .next {
			padding: 20px;
			font-size: 30px;
		}
	
			/* Next arrow */	
			.next {
				margin-right: 50px;
			}
	
			/* Slideshow controls hover */	
			.prev:hover, .next:hover {
				font-size: 30px;
			}
	
			/* Individual dots */	
			.dot {
				height: 15px;
				width: 15px;
			}
		
	/* The centres badges */
	.badges {
		margin-top: -5px;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	
		/* Badge images */	
		.badges img {
			padding-top: 30px;
			width: 145px;		
		}
	
/*------------Contact us page--------------------------------------------------------------*/
		
	/* Contact info */
	.contact_details {
		padding-left: 50px;
		padding-bottom: 10px;
		margin-bottom: 50px;
	}
	
		/* Contact info icons */
		.contact_details img {
			width: 80px;
			padding-right: 30px;
			margin-bottom: 70px;
		}
	
	/* Facebook preview */
	.facebook_container {
		margin-right: 50px;
		margin-left: 50px;
		height: 500px;
	}
	
		iframe {	
			transform: scale(1.02);
		}	
	
/*------------Newsletters page--------------------------------------------------------------*/	
	
	/* Latest newsletter */
	.latest_newsletter {
		margin-left: 50px;
		margin-right: 50px;
	}
	
		embed {
			height: 600px;
		}	
	
/*------------Events page--------------------------------------------------------------*/
	
	/* Table */
	table {
		margin-left: 50px;
		margin-right: 50px;
		margin-bottom: 50px;
		width: calc(100% - 100px);
	}
	
		/* Table data */
		td {
			font-size: 15px;
			padding-top: 23px;
			padding-bottom: 23px;
		}
	
			td:first-child {
				padding-left: 15px;
				width: 80px;
			}
	
			td:nth-child(2) {
				padding-left: 30px;
				padding-right: 30px;
			}
	
			td:last-child {
				padding-right: 15px;
				width: 300px;
			}
	
/*------------Staff page--------------------------------------------------------------*/
	
	/* Staff images */
	.staff_images {
		gap: 50px;
		margin-left: 50px;
		margin-right: 50px;
		margin-bottom: 20px;
	}
		
		.staff_images img {
			width: 200px;
		}	
	
/*------------Philosophy page--------------------------------------------------------------*/
	
	/* Philosophy summary slideshow */
	.summary_container {
		margin-left: 50px;
		margin-right: 50px;
	}
	
			/* Philosophy summary slideshow image */
			.summary img {
				width: 150px;
			}
		
			/* Philosophy summary slideshow text */
			.summary p {
				flex: 1;
				font-size: 15px;
			}
	
/*------------Footer--------------------------------------------------------------*/
	.footer {
		margin-top: 25px;
	}
	
		/* Contact information */
		.contact {
			margin-left: 15px;
			margin-top: 15px;
			margin-right: 15px;
			margin-bottom: 15px;
			width: 225px;
			padding-top: 6px;
			padding-bottom: 6px;
		}

			.contact p {
				padding-left: 30px;
				padding-right: 30px;
			}

		/* Navigation links heading */
		.footer h3 {
			margin-top: 5px;
			margin-bottom: -11px;
		}	
	
		/* Footer navigation links */
		.footer ul {
			list-style-type: none;
			width: 400px;
		}
			
			.footer li {
				padding-bottom: 10px;
			}
	
				/* Navigation links on the left side */
				.footer li.inline_l {
					display: inline-block;
					text-align: right;
					margin-left: 114px;
					padding-right: 15px;
				}

				/* Navigation links on the right side */
				.footer li.inline_r {
					display: inline-block;
					text-align: left;
				}
	
				.footer a {
					font-size: 15px;
				}

		/* Border between navigation links and Acknowledgement of Country */
		.footer_border {
			margin-left: 150px;
			margin-right: 150px;
			padding-top: 10px;
		}

		/* Acknowledgement of Country */
		.acknowledgement {
			padding-top: 10px;
			padding-bottom: 10px;
		}
	
			.acknowledgement p {
				font-size: 12px;
				line-height: 20px;
			}	
}


/*------------Styling for screens between 950px and 1235px wide---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 950px) and (max-width: 1235px) {

/*------------Whole website--------------------------------------------------------------*/
	/* Body tag */
	body {
		padding-left: 0px;
		padding-right: 0px;
		margin: 0px;
	}	
	
/*------------Header--------------------------------------------------------------*/
	.header {
		padding-bottom: 1px;
	}
	
		/* Logo */
		.header img {
			position: absolute;
			left: 15px;
			width: 230px;	
		}
	
		/* Main heading */
		h1 {
			font-size: 45px;
			text-underline-offset: 5px;
			margin-top: 0px;
			padding-top: 5px;
		}
	
		/* Login button */
		.header button {
			right: 15px;
			margin-top: 10px;
		}
	
/*------------Navigation menu--------------------------------------------------------------*/
	.nav {
		display: block;
		margin: 0px;
		padding: 0px;
	}
		
		/* Navigation menu heading */
		.nav h2 {
			font-size: 0px;
			padding: 0px;
			margin: 0px;
		}
	
		/* Navigation bar unordered list */
		.nav ul {
			display: flex;
			align-items: center; /* Aligns items vertically */
			justify-content: space-between; /* Distributes links evenly across available space */
			padding: 10px; /* Removes excessive padding that might offset spacing */
			margin: 0; /* Prevents unintended spacing around the list */
			width: 100%; /* Ensures the list spans the full width of the parent container */
			list-style: none; /* Removes default list styling */
			box-sizing: border-box; /* Includes padding and border in the element's width */
		}

		/* Individual navigation list items */
		.nav ul li {
			flex: 1; /* Makes each list item take equal space */
			text-align: center; /* Centers the text within each list item */
		}
	
/*------------Body content--------------------------------------------------------------*/
		
	/* Content headings */
	h3 {
		font-size: 33px;
		padding-left: 100px;
		padding-right: 100px;
		margin-bottom: 20px;
	}
	
	/* Secondary content heading */
	h4 {
		font-size: 20px;
		margin-bottom: 10px;
		padding-left: 100px;
		padding-right: 100px;
	}

	/* Body text */
	p {
		font-size: 16px;
		padding-left: 100px;
		padding-right: 100px;
	}	
	
/*------------Home page--------------------------------------------------------------*/
	
	/* Picture slideshow */
	.slideshow_container {
		padding-left: 100px;
   		padding-right: 100px;
	}
	
		/* Slideshow controls */	
		.prev, .next {
			padding: 20px;
			font-size: 30px;
		}
	
			/* Next arrow */	
			.next {
				margin-right: 100px;
			}
	
			/* Slideshow controls hover */		
			.prev:hover, .next:hover {
				font-size: 30px;
			}
	
			/* Individual dots */		
			.dot {
				height: 15px;
				width: 15px;
			}
		
	/* The centres badges */
	.badges {
		margin-top: 35px;
		margin-left: 15px;
		margin-right: 15px;
		justify-content: space-between;
	}
	
		/* Badge images */	
		.badges img {
			width: 170px;		
		}
	
/*------------Contact us page--------------------------------------------------------------*/
		
	/* Contact info */
	.contact_details {
		padding-bottom: 30px;
		padding-left: 100px;
	}
	
		/* Contact info icons */
		.contact_details img {
			width: 100px;
			padding-right: 50px;
		}
	
	/* Facebook preview */
	.facebook_container {
		margin-right: 100px;
		margin-left: 100px;
		height: 650px;
		overflow: hidden;
	}
	
		iframe {	
			transform: scale(1.3);
		}	
	
/*------------Newsletters page--------------------------------------------------------------*/	
	
	/* Latest newsletter */
	.latest_newsletter {
		margin-left: 100px;
		margin-right: 100px;
	}
	
		embed {
			height: 900px;
		}	
	
/*------------Events page--------------------------------------------------------------*/
	
	/* Table */
	table {
		margin-left: 100px;
		margin-right: 100px;
		margin-bottom: 50px;
		width: calc(100% - 200px);
	}
	
		/* Table data */
		td {
			font-size: 16px;
			padding-top: 23px;
			padding-bottom: 23px;
		}
	
			td:first-child {
				padding-left: 30px;
				width: 90px;
			}
	
			td:nth-child(2) {
				padding-left: 50px;
				padding-right: 50px;
			}
	
			td:last-child {
				padding-right: 30px;
				width: 380px;
			}
	
/*------------Staff page--------------------------------------------------------------*/
	
	/* Staff images */
	.staff_images {
		gap: 50px;
		margin-left: 100px;
		margin-right: 100px;
		margin-bottom: 25px;
	}
		
		.staff_images img {
			width: 230px;
		}	
	
/*------------Philosophy page--------------------------------------------------------------*/
	
	/* Philosophy summary slideshow */
	.summary_container {
		margin-left: 100px;
		margin-right: 100px;
	}
	
			/* Philosophy summary slideshow image */
			.summary img {
				width: 370px;
			}
		
			/* Philosophy summary slideshow text */
			.summary p {
				flex: 1;
				font-size: 20px;
			}
	
/*------------Footer--------------------------------------------------------------*/
	.footer {
		margin-top: 25px;
	}
	
		/* Contact information */
		.contact {
			margin-left: 15px;
			margin-top: 30px;
			margin-right: 30px;
			padding-top: 8px;
			padding-bottom: 8px;
		}

			.contact p {
				padding-left: 15px;
				padding-right: 15px;
			}

		/* Navigation links heading */
		.footer h3 {
			margin-top: 19px;
			margin-bottom: 13px;
		}	
	
		/* Footer navigation links */
		.footer ul {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			list-style-type: none;
			padding: 0;
			margin: 0;
			gap: 10px;
		}
			
			.footer li {
				padding-bottom: 8px;
			}
	
				.footer a {
					font-size: 16px;
				}

		/* Border between navigation links and Acknowledgement of Country */
		.footer_border {
			margin-left: 350px;
			margin-right: 350px;
			padding-top: 30px;
		}

		/* Acknowledgement of Country */
		.acknowledgement {
			padding-top: 15px;
			padding-bottom: 15px;
		}
	
			.acknowledgement p {
				font-size: 13px;
				line-height: 25px;
			}	
}


/*------------Styling for screens between 1236px and 1530px wide---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1236px) and (max-width: 1530px) {
	
/*------------Whole website--------------------------------------------------------------*/
	/* Body tag */
	body {
		padding-left: 90px;
		padding-right: 90px;
		margin: 0px;
	}	
		
/*------------Header--------------------------------------------------------------*/
	.header {
		padding-bottom: 1px;
	}
	
		/* Logo */
		.header img {
			position: absolute;
			left: 90px;
			width: 250px;	
		}
	
		/* Main heading */
		h1 {
			font-size: 45px;
			text-underline-offset: 5px;
			margin-top: 0px;
			padding-top: 10px;
		}
	
		/* Login button */
		.header button {
			right: 90px;
			margin-top: 10px;
		}
	
/*------------Navigation menu--------------------------------------------------------------*/
	.nav {
		margin: 0px -90px;
		padding: 0px;
	}
		
		/* Navigation menu heading */
		.nav h2 {
			font-size: 0px;
			padding: 0px;
			margin: 0px;
		}
	
		/* Navigation bar unordered list */
		.nav ul {
			display: flex;
			align-items: center; /* Aligns items vertically */
			justify-content: space-between; /* Distributes links evenly across available space */
			padding: 10px; /* Removes excessive padding that might offset spacing */
			margin: 0; /* Prevents unintended spacing around the list */
			width: 100%; /* Ensures the list spans the full width of the parent container */
			list-style: none; /* Removes default list styling */
			box-sizing: border-box; /* Includes padding and border in the element's width */
		}

		/* Individual navigation list items */
		.nav ul li {
			flex: 1; /* Makes each list item take equal space */
			text-align: center; /* Centers the text within each list item */
		}
	
/*------------Body content--------------------------------------------------------------*/
		
	/* Content headings */
	h3 {
		font-size: 33px;
		padding-left: 150px;
		padding-right: 150px;
		margin-bottom: 20px;
	}
	
	/* Secondary content heading */
	h4 {
		font-size: 20px;
		padding-left: 150px;
		padding-right: 150px;
		margin-bottom: 10px;
	}

	/* Body text */
	p {
		font-size: 16px;
		padding-left: 150px;
		padding-right: 150px;
	}
	
/*------------Home page--------------------------------------------------------------*/
	
	/* Picture slideshow */
	.slideshow_container {
		padding-left: 150px;
   		padding-right: 150px;
	}
	
		/* Slideshow controls */	
		.prev, .next {
			padding: 20px;
			font-size: 30px;
		}
	
			/* Next arrow */	
			.next {
				margin-right: 150px;
			}
	
			/* Slideshow controls hover */		
			.prev:hover, .next:hover {
				font-size: 30px;
			}
	
			/* Individual dots */	
			.dot {
				height: 15px;
				width: 15px;
			}
		
	/* The centres badges */
	.badges {
		margin-top: 35px;
		justify-content: space-between;
	}
	
		/* Badge images */	
		.badges img {
			width: 175px;		
		}
	
/*------------Contact us page--------------------------------------------------------------*/
		
	/* Contact info */
	.contact_details {
		padding-bottom: 30px;
		padding-left: 150px;
	}
	
		/* Contact info icons */
		.contact_details img {
			width: 100px;
			padding-right: 50px;
		}
	
	/* Facebook preview */
	.facebook_container {
		margin-right: 150px;
		margin-left: 150px;
		height: 650px;
		overflow: hidden;
	}
	
		iframe {	
			transform: scale(1.3);
		}	
	
/*------------Newsletters page--------------------------------------------------------------*/	
	
	/* Latest newsletter */
	.latest_newsletter {
		margin-left: 150px;
		margin-right: 150px;
	}
	
		embed {
			height: 900px;
		}
	
/*------------Events page--------------------------------------------------------------*/
	
	/* Table */
	table {
		margin-left: 150px;
		margin-right: 150px;
		margin-bottom: 50px;
		width: calc(100% - 300px);
	}
	
		/* Table data */
		td {
			font-size: 16px;
			padding-top: 23px;
			padding-bottom: 23px;
		}
	
			td:first-child {
				padding-left: 30px;
				width: 90px;
			}
	
			td:nth-child(2) {
				padding-left: 50px;
				padding-right: 50px;
			}
	
			td:last-child {
				padding-right: 30px;
				width: 380px;
			}	
	
/*------------Staff page--------------------------------------------------------------*/
	
	/* Staff images */
	.staff_images {
		gap: 50px;
		margin-left: 150px;
		margin-right: 150px;
		margin-bottom: 25px;
	}
		
		.staff_images img {
			width: 250px;
		}	
	
/*------------Philosophy page--------------------------------------------------------------*/
	
	/* Philosophy summary slideshow */
	.summary_container {
		margin-left: 150px;
		margin-right: 150px;
	}
	
			/* Philosophy summary slideshow image */
			.summary img {
				width: 370px;
			}
		
			/* Philosophy summary slideshow text */
			.summary p {
				flex: 1;
				font-size: 20px;
			}
	
/*------------Footer--------------------------------------------------------------*/
	.footer {
		margin-top: 25px;
	}
	
		/* Contact information */
		.contact {
			margin-left: 90px;
			margin-top: 50px;
			margin-right: 90px;
			padding-top: 8px;
			padding-bottom: 8px;
		}

			.contact p {
				padding-left: 30px;
				padding-right: 30px;
			}

		/* Navigation links heading */
		.footer h3 {
			margin-top: 39px;
			margin-bottom: 10px;
		}	
	
		/* Footer navigation links */
		.footer ul {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			list-style-type: none;
			padding: 0;
			margin: 0;
			gap: 10px;
		}
			
			.footer li {
				padding-bottom: 8px;
			}
	
				.footer a {
					font-size: 16px;
				}

		/* Border between navigation links and Acknowledgement of Country */
		.footer_border {
			margin-left: 450px;
			margin-right: 450px;
			padding-top: 30px;
		}

		/* Acknowledgement of Country */
		.acknowledgement {
			padding-top: 10px;
			padding-bottom: 10px;
		}
	
			.acknowledgement p {
				font-size: 13px;
				line-height: 25px;
			}	
}


/*------------Styling for screens 1531px and wider---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1531px) {

/*------------Whole website--------------------------------------------------------------*/
	/* Body tag */
	body {
		padding-left: 200px;
		padding-right: 200px;
		margin: 0px;
	}	
	
	
/*------------Header--------------------------------------------------------------*/
	
		/* Logo */
		.header img {
			position: absolute;
			left: 200px;
			width: 300px;	
		}
	
		/* Main heading */
		h1 {
			font-size: 70px;
			text-underline-offset: 5px;
			margin-top: 0px;
		}
	
		/* Login button */
		.header button {
			right: 200px;
			margin-top: 10px;
			font-size: 16px;
			padding-top: 25px;
			padding-bottom: 25px;
			padding-left: 15px;
			padding-right: 15px;
		}
	
	
	
/*------------Navigation menu--------------------------------------------------------------*/
	.nav {
		margin: 0px -200px;
		padding: 0px;
	}
		
		/* Navigation menu heading */
		.nav h2 {
			font-size: 0px;
			padding: 0px;
			margin: 0px;
		}
	
		/* Navigation bar unordered list */
		.nav ul {
			display: flex;
			align-items: center; /* Aligns items vertically */
			justify-content: space-between; /* Distributes links evenly across available space */
			padding: 10px; /* Removes excessive padding that might offset spacing */
			margin: 0; /* Prevents unintended spacing around the list */
			width: 100%; /* Ensures the list spans the full width of the parent container */
			list-style: none; /* Removes default list styling */
			box-sizing: border-box; /* Includes padding and border in the element's width */
		}

		/* Individual navigation list items */
		.nav ul li {
			flex: 1; /* Makes each list item take equal space */
			text-align: center; /* Centers the text within each list item */
		}
	
/*------------Body content--------------------------------------------------------------*/
		
	/* Content headings */
	h3 {
		font-size: 33px;
		padding-left: 230px;
		padding-right: 230px;
		margin-bottom: 20px;
	}
	
	/* Secondary content heading */
	h4 {
		font-size: 20px;
		padding-left: 230px;
		padding-right: 230px;
		margin-bottom: 10px;
	}

	/* Body text */
	p {
		font-size: 16px;
		padding-left: 230px;
		padding-right: 230px;
	}
	
/*------------Home page--------------------------------------------------------------*/
	
	/* Picture slideshow */
	.slideshow_container {
		padding-left: 230px;
   		padding-right: 230px;
	}
	
		/* Slideshow controls */	
		.prev, .next {
			padding: 20px;
			font-size: 30px;
		}
	
			/* Next arrow */	
			.next {
				margin-right: 230px;
			}
	
			/* Slideshow controls hover */		
			.prev:hover, .next:hover {
				font-size: 30px;
			}
	
			/* Individual dots */	
			.dot {
				height: 15px;
				width: 15px;
			}
	
	/* The centres badges */
	.badges {
		margin-top: 30px;
		justify-content: space-between;
	}
	
		/* Badge images */		
		.badges img {
			width: 200px;		
		}
	
/*------------Contact us page--------------------------------------------------------------*/
		
	/* Contact info */
	.contact_details {
		padding-bottom: 70px;
		padding-left: 230px;
	}
	
		/* Contact info icons */
		.contact_details img {
			width: 120px;
		}
	
	/* Facebook preview */
	.facebook_container {
		margin-right: 230px;
		margin-left: 230px;
		height: 650px;
		overflow: hidden;
	}
	
		iframe {		
			transform: scale(1.3); 
		}	
	
/*------------Newsletters page--------------------------------------------------------------*/	
	
	/* Latest newsletter */
	.latest_newsletter {
		margin-left: 230px;
		margin-right: 230px;
	}
	
		embed {
			height: 1000px;
		}
	
/*------------Events page--------------------------------------------------------------*/
	
	/* Table */
	table {
		margin-left: 230px;
		margin-right: 230px;
		margin-bottom: 50px;
		width: calc(100% - 460px);
	}
	
		/* Table data */
		td {
			font-size: 16px;
			padding-top: 23px;
			padding-bottom: 23px;
		}
	
			td:first-child {
				padding-left: 30px;
				width: 90px;
			}
	
			td:nth-child(2) {
				padding-left: 50px;
				padding-right: 50px;
			}
	
			td:last-child {
				padding-right: 30px;
				width: 380px;
			}
	
/*------------Staff page--------------------------------------------------------------*/
	
	/* Staff images */
	.staff_images {
		gap: 50px;
		margin-left: 230px;
		margin-right: 230px;
		margin-bottom: 25px;
	}
		
		.staff_images img {
			width: 250px;
		}	
	
/*------------Philosophy page--------------------------------------------------------------*/
	
	/* Philosophy summary slideshow */
	.summary_container {
		margin-left: 230px;
		margin-right: 230px;
	}
	
			/* Philosophy summary slideshow image */
			.summary img {
				width: 370px;
			}
		
			/* Philosophy summary slideshow text */
			.summary p {
				flex: 1;
				font-size: 20px;
			}
	
/*------------Footer--------------------------------------------------------------*/
	.footer {
		margin-top: 25px;
	}
	
		/* Contact information */
		.contact {
			margin-left: 200px;
			margin-top: 50px;
			margin-right: 90px;
			padding-top: 8px;
			padding-bottom: 8px;
		}

			.contact p {
				padding-left: 30px;
				padding-right: 30px;
			}

		/* Navigation links heading */
		.footer h3 {
			margin-top: 39px;
			margin-bottom: 10px;
		}	
	
		/* Footer navigation links */
		.footer ul {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			list-style-type: none;
			padding: 0;
			margin: 0;
			gap: 10px;
		}
			
			.footer li {
				padding-bottom: 8px;
			}
	
				.footer a {
					font-size: 16px;
				}

		/* Border between navigation links and Acknowledgement of Country */
		.footer_border {
			margin-left: 450px;
			margin-right: 450px;
			margin-top: 20px;
			padding-top: 30px;
		}

		/* Acknowledgement of Country */
		.acknowledgement {
			padding-top: 10px;
			padding-bottom: 10px;
		}
	
			.acknowledgement p {
				font-size: 13px;
				line-height: 25px;
			}	
}