* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Excon', sans-serif;
}
.event-details .mid-title, .past-event .mid-title{
	font-size: 1.4rem;
	line-height: 2rem;
}
.event-grid {
	display: grid;
	grid-template-columns: 1fr 1fr; /* Two equal columns */
	gap: 1.25rem;
  }

  .left-card .card{
	grid-row: span 3; /* Occupies 2 rows */
	height: 100%;
  }
  .right-column{
	display: grid;
	grid-template-rows: 1fr 1fr 1fr;
	gap: 1.25rem;
  }
  .left-card .card img{
	height: 40rem;
	width: 100%;
	object-fit: cover;
  }
  .right-column img{
	height: 15rem;
	object-fit: cover;
  }

  .right-column .bottom-row h2{
	margin-right: 3rem;
  }
  .past-event img{
	object-fit: cover;
	width: 100px;
	height:150px;
  }
  .past-event .row a, .past-event .row .card{
	background: #181818;
  }
  @media (max-width:992px) {
	.event-grid{
		grid-template-columns: 1fr;
		gap: 1.5rem;
	  }
	.left-card .card{
		grid-row: span 1;
	  }
	  .right-column{
		grid-template-rows: 1fr;
		gap:1.5rem;
	  }
	  .right-column img, .left-card img{
		height: 20rem;
	}
  }

   @media (max-width:767px) {
	.event-details .mid-title, .past-event .mid-title{
		font-size: 1.5rem;
	}
    .right-column .bottom-row h2{
        margin-right: 0;
    }
   }
   @media (max-width:600px) {
	.event-details .mid-title, .past-event .mid-title{
		font-size: 1.3rem;
		line-height: 1.5rem;
		margin-top: 0.8rem;
	}
    .past-event img{
		width: 100px;
		height:100px;
	}
   }
   @media (max-width:480px) {
	.right-column img, .left-card img{
		height: 15rem;
	}
	.event-details .extra-sm-title, .past-event .extra-sm-title{
		font-size: 0.8rem;
	}
	.event-details .mid-title, .past-event .mid-title{
		font-size: 1rem;
	}

   }