.heading-modern {
  margin-bottom: 20px !important;
  text-align: center;
}

.heading-minimal {
  margin-bottom: 16px !important;
  text-align: left;
}

.heading-accent {
  margin-bottom: 12px !important;
  text-align: left;
}

@media (max-width: 768px) {
  .heading-modern {
    font-size: 36px !important;
  }
  
  .heading-minimal {
    font-size: 28px !important;
  }
  
  .heading-accent {
    font-size: 24px !important;
  }
}