html {
	background-color: #FFFFFF;
/*	background-position: top;
   	background-size: 100vw;
   	background-repeat: no-repeat;
   	background-attachment: fixed;*/

}

body {
	font-family: 'Helvetica Neue', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	width: 100%;
	height: 100%;
	margin: 0px;
}

.header {
	text-align: center;
	color: #FFFFFF;
	font-size: 3vw;

	background-image: url('images/aftermath.jpeg');
	background-size: cover;
	background-position: center;
	height: 20vw;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

h1 {
	font-size: 6vw;
	margin: 1vw;
}

h2 {
	font-size: 2vw;
}

.summarySection {
	.date {
		font-size: xxx-large;
		margin-block: 2vw;
		color: #e76d5b;
		text-shadow: 5px 5px 6px #f4fe598f;
		font-weight: bold;
	}

	.times {
		font-size: xx-large;
	}

	.address {
		text-decoration: underline;
		cursor: pointer;
	}
}



p {
	line-height: 1.4;
}

.contentcolumns {
	display: flex;
	background-image: url('images/table2.jpg');
	background-size: cover;
	width: 100%;
	flex-direction: row-reverse;

	.imagecolumn {
		width: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;

		background: #FFFFFFd4;

		/*background-image: url(images/canoeonwater.jpeg);
		background-size: cover;*/

		.turkeyImage {
			width: 90%;
			border-radius: 5%;
			margin-block: 5%;
		}
	}

	.maincontent {
		width:50%;
		background: #FFFFFFd4;

		.innercontent {
			padding-inline: 2vw;
			padding-bottom: 2vw;
		}

		.excitingText {
			color: #e76d5b;
			text-shadow: 5px 5px 6px #f4fe598f;
			font-weight: bold;
			font-size: x-large;
			font-style: italic;
		}

		.listTitle {
			margin-bottom: 0px;
			font-weight: bold;
		}

		.listItems {
			margin-top: 0px;
		}

		.sectionContent {
			margin: 0px;
		}

		.contentEmphasize {
			font-weight: bold;
			font-size: larger;
		}

		.pieChart {
			padding-top:1vw;
			width: 100%;
			display: flex;
         flex-direction: column;
         align-items: center;
		}
	}
}

.spreadsheetButton {
	font-size: x-large;
	border: 2px;
   border-style: solid;
   border-color: #e22226;
   background-color: #e2222614;
   color: #e22226;
   padding: 6px;
   cursor: pointer;
   width: fit-content;
   padding-inline: 20px;
   font-weight: 500;
   margin-top: 32px;
   margin-bottom: 32px;
}

.spreadsheetButton:hover {
	box-shadow: 0px 0px 6px 3px #e2222670
}

.external {
	background-image: url('/images/external-link-svgrepo-com.svg');
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 24px;
    padding-bottom: 1px;
    background-size: 20px;
}

@media (max-width: 768px) {
   .contentcolumns {
   		flex-direction: column-reverse;

   		.maincontent {
	   		width: 100%;

	   		.pieChart {
	   			width: 600px;
	   			display: none;
	   		}
	   }

	   .imagecolumn {
	   		width: 100%;
	   }
   }

   h1 {
   		font-size: 10vw;
   }

   h2 {
   		font-size: 4vw;
   }

   .header {
   		height: 30vh;
   }
}