#upcoming-section
{
  padding: 0 1.25rem 1.25rem 1.25rem; /* 0 20px 20px 20px */
  max-width: 87.5rem; /* 1400px */
  margin: 0 auto; 
}

#upcoming-section h2 
{
  margin-top: 1rem; /* 16px */
  font-size: 2rem; /* 32px */
  margin-bottom: 2rem; /* 32px */
  text-align: center;
}

.upcoming-movie-card 
{
  max-width: 17.5rem; /* 280px */
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.upcoming-movie-card:hover 
{
  transform: translateY(-8px); 
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

@media (max-width: 37.5rem) /* 600px */ 
{
  #upcoming-section h2 
  { 
     font-size: 1.5rem; /* 24px */
  }
}

@media (min-width: 37.5625rem) and (max-width: 56.25rem) /* 601px - 900px */ 
{
  #upcoming-section h2 
  { 
     font-size: 1.75rem; /* 28px */
  }
}

@media (min-width: 56.3125rem) and (max-width: 75rem) /* 901px - 1200px */ 
{
  #upcoming-section h2 
  { 
     font-size: 2rem; /* 32px */
  }
}

@media (min-width: 90.0625rem) /* 1441px */
{
  #upcoming-section h2 
  {
    font-size: 2.5rem; /* 40px */
  }
}