@font-face {
	  font-family: georgia;
	  src: url("fonts/Georgia Regular font.ttf");
	}

	@font-face {
	  font-family: bree-serif;
	  src: url("fonts/BreeSerif-Regular.otf");
	}


	* {
		margin: 0;/*
		padding: 0;
		box-sizing: border-box;
		background-color: white;*/
	}
	html, body {
		font-family: bree-serif;
		font-size: 19px;
		color: gray;
	}


	h1 {
	  font-size: 57px;
	  text-align: center;
	  font-weight: 400;
	  font-style: normal;
	  letter-spacing: 0px;
	  text-transform: none;
	  line-height: 1.3em;
	  font-family: bree-serif;
	  margin-top: 20px;
	  margin-bottom: 20px;
	  color: black;
	}

	h2 {
	  font-size: 14px;
	  text-align: right;
	  font-weight: 400;
	  font-style: normal;
	  letter-spacing: 0px;
	  text-transform: none;
	  line-height: 1.3em;
	  font-family: georgia;
	  margin-right: 50px;
	  margin-left: 75%;
	  margin-top: 100px;
	}


	/*.underline { 
		text-decoration: underline;
		text-decoration-color: black;
		 }*/
	
	#container {/*
		background-color: white;*/
		padding: 20px;
	}
	
	.row {
		display: flex;
		flex-direction: row;
	}
	
	.circle {
		flex-grow: 0;
		flex-shrink: 0;
		border-radius: 50%;
		width: 13px;
		height: 13px;
		background-color: #ec380b;
	}

	.circle1 {
		flex-grow: 0;
		flex-shrink: 0;
		border-radius: 50%;
		width: 13px;
		height: 13px;
		background-color: #007872;
	}

	.circle2 {
		flex-grow: 0;
		flex-shrink: 0;
		border-radius: 50%;
		width: 13px;
		height: 13px;
		background-color: grey;
	}

	.circle.link {
		background-color: #ec380b;
	}
	.text {
		padding-left: 10px;
		
	}
	
	.green {
		font-size: 19px;
		color: #007872;
		font-weight: bold;
		text-decoration: none;
	}

	.orange {
		font-size: 19px;
		color: #ec380b;
		font-weight: bold;
		text-decoration: none;
	}

	.grey {
		font-size: 19px;
		color: grey;
		font-weight: bold;
		text-decoration: none;
	}


	.collapsible {
	  background-color: white;
	  color: white;
	  cursor: pointer;
	  padding-bottom: 10px;
	  width: 100%;
	  border: none;
	  text-align: center;
	  outline: none;
	  font-size: 15px;
	}

	.active, .collapsible:hover {
	  background-color: white;
	  colour:#ea2709;
	}

	.content {
	  max-height: 0;
	  max-width: 50%;
	  margin-left: 28%;
	  overflow: hidden;
	  transition: max-height 0.2s ease-out;
	  background-color: white;
	  text-align: left;
	  font-family: georgia;
	  font-size: 18px;
	  color: rgb(40,40,40);
	}