/* ===== Events ===== */
.events { padding: 96px 0; text-align: center; }
.events{
	justify-items: center;
}
.event-card {
  	display: flex;
  	flex-direction: row;
	justify-self: center;
	
  	margin-top: 32px;
  	background: var(--color-primary);
  	border-radius: var(--radius-lg);
  	padding: 32px 48px;
  	display: flex;
  	align-items: center;
  	gap: 32px;
  	text-align: left;
  	color: #fff;
  	max-width: 640px;
}
.events h2{
  	justify-self: center;
}
.event-card__date { text-align: center; }
.event-card__day { display: block; font-size: 48px; font-weight: 700; line-height: 1; }
.event-card__month { font-size: 16px; letter-spacing: 2px; text-transform: uppercase; }
.event-card__content { flex: 1; }
#event-title{ color: #fff; margin: 8px 0 0; font-size: 28px; font-weight: bold; line-height: 1.2;}
.event-card__arrow {
  	width: 56px;
  	height: 56px;
  	border-radius: 50%;
  	background: #fff;
  	color: var(--color-primary);
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	font-size: 24px;
  	text-decoration: none;
  	flex-shrink: 0;
}

@media (max-width: 1320px){
  .events { 
	  padding: 49px 0 44px 0;
	}
  .event-card{
    width: 320px;
    height: 128px;
    margin-top: 21px;
  }
  .event-card__content img{
    display: none;
  }
  .events h2{
    font-size: 18px;
    margin: 0;
  }
  .event-card__content p{
    font-size: 11px;
  }
  #event-title{ 
	  color: #fff;
	  margin: 8px 0 0; 
	  font-size: 16px; 
	  font-weight: bold; 
	  line-height: 1.2;}
  .event-card {
    padding: 0;
  }
  .event-card__arrow {
    width: 37px;
    height: 37px;
  }
}