h2 {
	color: var(--title-color);
	font-family: var(--bold-font);
	font-size: 1.3rem;
}

.locale-wrapper {
	max-width: 95%;
	display: flex;
	flex-direction: column;
}

.concert-div {
	display: flex;
	flex-direction: column;
}

a {
		font-family: var(--bold-font);
		text-transform: uppercase;
		color: var(--nav-text-color);
		font-size: 1.4rem;
	}

.concert-div-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1rem 0rem;
}

.concert-div-wrapper:not(:last-child) {
	border-bottom: 3px solid;
	padding-bottom: 0.75rem;
}

.tba {
	font-family: var(--default-font);
	font-size: 1.2rem;
}

.concert-content {
	padding: 0rem 1rem;
}

.concert-content:has(.tba) {
	padding: 1rem;
}

.social-wrapper {
	color: var(--light-gray);
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	padding-top: 1rem;
	padding-bottom: 1.5rem;
}

.image-wrapper {
	width: 30rem;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	gap: 1rem;
}

.release {
	margin-top: 5rem;
	margin: auto;
}

.title {
	padding-top: 1rem;
	font-style: italic;
	margin-bottom: 1rem;
}

.link-text.social {
	border-bottom: 2px solid;
	line-height: initial;
}

.new {
	position: absolute;
	max-width: 8rem;
	bottom: -2rem;
	right: -2rem;
}

.title {
	display: flex;
	justify-content: center;
}

/* .city,
	.locale {
		font-family: var(--bold-font);
		color: #1f1f1f;
	} */

.link-text {
	font-family: var(--bold-font);
	color: var(--link-text-color);
	font-size: 0.8rem;
	text-transform: uppercase;
	/* text-decoration: underline; */
}

/* .date {
		color: var(--date-color);
		font-family: 'Play';
		font-weight: bold;
		text-transform: uppercase;
		font-size: 1rem;
	} */

@media only screen and (min-width: 601px) {
	.release {
		max-width: 25rem;
	}
}

@media only screen and (min-width: 900px) {
	h1 {
		margin-top: 3rem;
	}

	.new-release-wrapper {
		height: fit-content;
		display: flex;
		position: relative;
	}

	.concerts-wrapper {
		width: 100%;
		max-width: 50rem;
		margin-top: 4rem;
	}

	.concert-div {
		min-width: 25rem;
	}

	h2 {
		font-size: 2.3rem;
	}

	.title {
		top: 0;
		/* width: 80%; */
		height: auto;
		width: auto\9;
		max-width: 45rem;
		/* margin-top: -3rem; */
	}

	.social-wrapper {
		width: 50rem;
		justify-content: space-between;
		gap: 2rem;
		display: flex;
		margin-top: 3rem;
	}

	.image-wrapper {
		width: 30rem;
		position: relative;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		gap: 1rem;
	}

	.release {
		margin-top: 5rem;
		max-width: 30rem;
		margin: auto;
	}

	.listen-wrapper {
		display: flex;
		align-items: start;
		flex-direction: column;
		flex-wrap: wrap;
		margin-top: 0rem;
	}

	.new {
		max-width: 11rem;
		bottom: -4rem;
		right: -4rem;
	}

	.link-text {
		font-size: 1rem;
	}

	.link-text.social {
		font-size: 1.3rem;
	}

	.link-text.social:hover {
		color: var(--yellow);
	}

	.city,
	.locale {
		font-size: 1.3rem;
	}
}

@media only screen and (max-width: 430px) {
	.new-release-wrapper {
		position: relative;
		margin: auto;
		height: 90vw;
		display: flex;
		max-width: 80vw;
	}

	.title {
		position: unset;
	}

	.image-wrapper {
		width: initial;
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		gap: 1rem;
	}

	.release {
		margin-top: 5rem;
		margin: auto;
		width: -webkit-fill-available;
		max-width: 80vw;
		min-width: 60vw;
	}

	.new {
		position: absolute;
		max-width: 6rem;
		bottom: -1.5rem;
		right: -1.5rem;
	}

	.concerts-wrapper {
		margin-top: 2rem;
		width: 100%;
	}
}

@media only screen and (max-width: 601px) {
	.new-release-wrapper {
		margin: auto;
	}
}

@media only screen and (min-width: 431px) and (max-width: 900px) {
	.new-release-wrapper {
		position: static;
		height: auto;
		display: flex;
		max-width: 80vw;
	}

	.title {
		font-size: 4rem;
		position: unset;
	}

	.image-wrapper {
		width: initial;
		position: relative;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		gap: 1rem;
	}

	.listen-wrapper {
		margin-top: 2rem;
	}

	.release {
		/* margin-top: 5rem; */
		min-width: 60vw;
		/* margin: auto; */
		width: -webkit-fill-available;
		/* max-width: 30rem; */
	}

	.new {
		position: absolute;
	}

	.concerts-wrapper {
		margin-top: 2rem;
		width: 100%;
	}

	.social-wrapper {
		width: 100%;
	}
}

@media only screen and (min-width: 1000px) {
	.h1 {
		margin-top: -8rem !important;
		padding-top: 0rem;
	}
}

@media only screen and (max-width: 366px) {
	.social-wrapper {
		gap: 0.5rem;

		a {
			font-size: 0.75rem;
		}
	}

	.link-text {
		font-size: 0.75rem;
	}
}

@media only screen and (max-width: 327px) {
	.social-wrapper {
		flex-wrap: wrap;
		justify-content: center;
	}
}