body {
	margin: 0;
	padding: 0;
	font-family:'Helvetica Neue';
	background-color: #010317;
	/* background-color: #eeeeee; */
}

.links {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 100px;
	
	background-color: #010317;

	display: flex;
	justify-content: space-evenly;
	align-items:center;
	p, a {
		/* position:absolute; */

		margin: 0;
		padding-top: 15px;
		padding-bottom: 15px;
		/* padding-inline: 3vw; */
		color:white;
		opacity: 0.8;
		transition-duration: 175ms;
		text-decoration: none;
		font-style: italic;
		/* font-size: calc(min(10px + 3.5vw, 40px)); */
		font-size: 20px;
		letter-spacing: 2px;
	}
	a:hover {
		opacity: 1;
		transition-duration: 175ms;
	}
}

.main-area {
	background-color: #eeeeee;
	padding-top: 60px;
	padding-bottom: 60px;
}

main {
	width:80%;
	margin: 0px auto;

	h1 {
		font-size: 40px;
		font-weight: 400;
		margin-bottom: 0;
	}
	h2 {
		font-size: 30px;
		font-weight: 400;
		margin-bottom: 0;
	}
	h3 {
		font-size: 20px;
		font-weight: 400;
		margin: 5px;
	}
	p {
		font-size: 16;
	}
	a {
		text-decoration: none;
	}
	hr {
		opacity: 30%;
		margin-block: 75px;
	}
}

.upcoming-shows {
	text-align: center;
	h2 { margin-bottom: 20px}
	ul {

		list-style-type: none;
	}
}

.big-homepage-image {
	border-radius: 30px;
	width: 100%;
}

.short-bio {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Minimum 1 column, maximum 3 */
    column-gap: 20px; /* Space between columns */
    row-gap: 20px; /* Space between rows */
    align-items: center;
	justify-items: center;
	text-align: center;

	img {
		grid-column: span 1; /* Images take up 1 column */
		border-radius: 30px; /* Optional: Add rounded corners to images */
		object-fit: cover; /* Ensure images maintain aspect ratio */
		width:80%;
	}
	.text {
		grid-column: span 1; /* Text takes up 2 columns */
		font-size: 16px; /* Adjust font size as needed */
		line-height: 1.5; /* Improve text readability */
		text-align: left; /* Align text to the left */
	}
	sub {
		font-style: italic;
		font-size: x-small;
	}
}

.header-image {
	position: relative;
	text-align: center;
	color: white;
	margin-bottom: -10px;
	padding: -10px;
	/* height:40%; */

	img {
		width: 100%;
		height:600px;
		padding: 0;
		margin: 0;
		object-fit: cover;
	}

	.header-text {

		.middle {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		.top-left {
			position: absolute;
			top: 25px;
			left: 50px;
		}

		a {
			color: white;
			text-decoration: none;
			opacity: 0.8;
		}
		a:hover {
			opacity: 1;
			transition-duration: 300ms;
		}

		h1 {
			font-size: calc(min(13px + 3vw, 100px));

			margin: 0;
			text-wrap: nowrap;
			transform:scaleY(1.5);
			letter-spacing: 10%;
		}

		h2 {
			font-size: calc(10px + 2vw);
			/* font-style: italic;  */
			text-decoration: none;
			margin: 0;
			font-weight: normal;
			letter-spacing: 10%;
		}
	}
}

.gallery-main {
	text-align: center;
	h1 {
		margin-bottom: 10px;
	}
	h3 {
		margin-bottom: 20px;
	}
}

.gallery-grid {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Minimum 1 column, maximum 3 */
    column-gap: 20px; /* Space between columns */
    row-gap: 20px; /* Space between rows */
    align-items: center;
	justify-items: center;

	img, video {
		grid-column: span 2; /* Images take up 1 column */
		border-radius: 30px; /* Optional: Add rounded corners to images */
		object-fit: cover; /* Ensure images maintain aspect ratio */
		width:95%;
	}

	p {
		text-align: center;
	}
}