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

/*------------------------*/
/* Event */

.event-container {
        position: relative;
        display: flex;
        max-width: 100%;
        height: 60.5vw;
        background-color: black;
	flex-direction: column;
	padding-top: 3vw;
}
.event-elements {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: flex-end;
	
}
.event-graphic {
	display: flex;
	justify-content: center;
        width: 100%;
        height: auto;
	color: white;
}
.event-img {
	display: flex;
	width: 60vw;
	height: 45vw;
	background-color: #191919;
	font-size: 4.4vw;
	justify-content: center;
	align-items: center;
}
.event-img img {
	width: 100%;
	height: 100%;

}
.event-buttons {
	display: flex;
	flex-direction: column;
	gap: 5vh;
	align-items: flex-end; /* aligns buttons inside the column */
	justify-content: center;
	width: 30vw;    
  
}
.calendar-button,
.details-button {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: black;
	font-size: 24px;
	font-weight: 700;
	width: 100%;
	height: 15%;
	border: none;
}

.calendar-button {
	background-color: #E55A94FA;
}

.details-button {
	background-color: white;
}
.bottom-shapes {
	width: 100vw;
        /* Use viewport width to ensure it spans across */
        height: 17.5vw;
        background-color: white;
        /* Add a background color for visibility */


	clip-path: polygon(
	48% 56%, 
	48% 100%, 
	59% 100%, 
	73% 0, 
	100% 0, 
	100% 100%, 
	0 100%, 
	33.5% 100%, 
	39% 56%);
}

/*------------------------*/
/* Line Up */

.lineup-container {
	width: 100%;
	height: 45vw;
	display: flex;
	flex-direction: column;
	background-color: white;
	align-items: center;
	justify-content: space-around;
	padding: 3.5vw;
}
.lineup-title {
	font-size: 4.5vw;
	font-weight: 700;
}
.artists-icons {
    display: flex; /* Enables Flexbox */
    flex-wrap: wrap; /* Ensures wrapping if screen is too small */
    justify-content: center; /* Centers items evenly */
    gap: 20px; /* Adds spacing between items */
    width: 80%;
    max-width: 1200px; /* Adjust width based on layout */
    margin: auto; /* Centers the container */
}

.artists-post {
	flex:1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
	width: 100%;

}


.black-outline {
    position: absolute;
    width: 90%;
    z-index: 1;
}

.artist-post-img {
    position: relative;
    width: 73%; /* Adjust this percentage to fit inside the outline */
    aspect-ratio: 1 / 1;
    z-index: 2; /* Ensure it sits below the outline */
    display: block; /* Ensure it is treated as a block element */
    margin: 8.5% auto 0px auto; /* Center it horizontally */
	overflow: hidden;
	border-radius: 5px; /* Rounds the corners */
	object-fit: cover;
}

.artist-label {
	position: relative;
	width: 70%; /* Adjust width as needed */
	max-width: 550px; /* Prevents it from being too wide */
	background: black; /* Gradient from left to right */
	color: white; /* White text */
	text-align: center; /* Centers the text */
	font-size: clamp(18px,2vw,24px); /* Adjust text size */
	font-weight: 700; /* Makes the text stand out */
	margin: -40px auto 0 auto; /* Centers the box horizontally */
	z-index: 3;
}

.artist-social-icons {
	position: relative;
	display: flex;
	justify-content: center;
	z-index: 2;
	width: auto;
	height: auto;
	margin: 7% auto;
}

/*------------------------*/
/* Buy Tickets */

.tickets-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 14vw;
	max-height: 200px;
	background-color: black;
}
.tickets-button {
	display: flex;
	width: 31.5vw;
	height: 5vw;
	background-image: linear-gradient(to right, #E55A94, #3E9DA2);
	color: white;
	font-size: 2.5vw;
	font-weight: 700;
	align-items: center;
	justify-content: center;
}
/*------------------------*/
/* Event Information */

.event-info-container {
	display: flex;
	flex-direction: row;
	background-color: #3E9DA2;
	width: 100%;
	min-height: 34vw;
	max-height: 100%;
	justify-content: center;
	align-items: center;
	padding: 5vw;
}
.event-info-elements {
	display: flex;
	flex-direction: column;
	gap: 3vw;
}
.event-info-title {
	color: white;
	font-size: 4vw;
	font-weight: 700;
}
.event-info-top {
	display: flex;
	gap: 3vw;
}
.event-info-bottom {
	margin-right: 10vw;
}
.event-info-bottom a {
	color: white;
	text-decoration: underline;
}
.event-info-bottom a:hover {
	color: #e8e8e8; 	
}
.parking img {
	width: 30vw;
}
.info-title {
	font-weight: 700;
}
.info-text {
	font-weight: 300;
	font-size: 1.8vw;
	color: white;
}
.map-container {
	width: auto;
	height: auto;
}
.map {
	width: 29vw;
	height: 24.8vw;
}
/*------------------------*/
/* Kapture Experience */
.container-kap-exp {
        position: relative;
        width: 100%;
        height: auto;
        font-size: 5vw;
        font-weight: 700;
        line-height: 75px;
        text-align: center;
        padding: 8%;
}
.exp-main-content {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 4.5vw;
}
.exp-main-content img {
        width: 11.1vw;
}


.calendar-button:hover {
	background-color: #ed81a5;
}

.details-button:hover {
	background-color: #b3b3b3;
}



}