/* Page Structure */
body {
	background-color: #b1d9f8;
	margin: 0;
	padding: 0;
}
header {
	background-color: white;
	padding: 5px;
}
main {
	background-color: white;
	font-family: "Oswald";
	padding: 10px;
	text-align: justify;
}
footer {
	background-color: #0891fa;
	padding: 2px;
	font-family: "Carter One";
	color: white;
	border-top: 3px solid #f0de0d;
}
.main-menu {
	background-color: #0891fa;
	color: white;
	font-size: 1.25em;
	font-family: "Carter One";
	width: 100%;
	border-top: 3px solid #f0de0d;
	border-bottom: 3px solid #f0de0d;
}
.services {
	display: flex;
	flex-wrap: wrap;
}
.service-section {
	flex: 100%;
	margin: 0 10px;
}

/* Toggle Menu */
.menu-toggle {
	text-align: right;
	padding: 0 10px 0 0;
	display: block;
}
ul.toggle-items {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.nest-menu {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
}
ul.toggle-items li {
	border-top: 1px solid #f0de0d;
	padding: 0 0 0 10px;
}
.menu-items {
	display: none;
}

/* Link Classes */
a.menu-link {
	color: white;
	text-decoration: none;
}
a.menu-link:hover{
	text-decoration: underline;
}
a.menu-link:visited{
	color: #f6f0ae;
}
a.text-link {
	color: 0891fa;
	text-decoration: none;
}
a.text-link:hover{
	text-decoration: underline;
}
a.text-link:visited{
	color: #0891fa;
}

/* Heading Classes */
h1 {
	font-family: "Carter One";
	margin: 0;
}
ul {
	padding-left: 20px;
}
ul.no-style {
	list-style-type: none;
	padding: 0px;
}
h2 {
	text-align: left;
}
h3 {
	text-align: center;
	color: #0891fa;
}
h3.no-pad {
	margin: 0px;
}

/* Text Classes */
.center-text {
	text-align: center;
}

/* Calendar Classes */
.calendar {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	width: 100%;
	border: 2px solid #0891fa;
	border-collapse: collapse;
}
.calendar-head {
	text-align: center;
	background-color: #0891fa;
	color: white;
}


/* Image Classes */
.banner {
	width: 100%;
}
.graphic {
	width: 100%;
}
.photobox {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.gallery-photo {
	max-width: 50%;
	flex: 1;
}
.photo {
	max-width: 100%;
}

/* Colour Scheme */
.main-blue {
	background-colour: #0891fa;
}
.main-yellow {
	background-colour: #f0de0d;
}
.mid-blue {
	background-colour: #80c5fa;
}
.mid-yellow {
	background-colour: #f8ef7f;
}
.pale-blue {
	background-colour: #b1d9f8;
}
.pale-yellow {
	background-colour: #f6f0ae;
}


@media only screen and (min-width: 551px) {

	.banner {
		max-height: 125px;
		width: auto;
	}
	.graphic {
		width: 50%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.menu-items {
		display: inline;
	}
	.menu-toggle {
		display: none;
	}
	ul.toggle-items li {
		display: inline;
		margin-right: 20px;
	}
	.gallery-photo {
		max-width: 25%;
	}
	.photo {
		max-height: 200px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	main {
		padding: 10px 40px;
	}
	header {
		padding: 10px 25px;
	}
	.service-section {
		flex: 40%;
	}
	
}