@media (max-width: 768px) {
  .form-layout {
    flex-direction: column;
  }
  .welcome-left,
  .form-layout-right {
    width: 100%;
    flex: none;
  }
  .welcome-title {
    font-size: 2rem;
  }
  .welcome-text {
    font-size: 1rem;
  }
  .form-section {
    max-width: 400px;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .form-layout {
    flex-direction: row-reverse;
  }
  .welcome-title {
    font-size: 5rem;
  }
  .welcome-text {
    font-size: 2rem;
  }
  .form-layout__right {
    flex: 1;
  }  
  .form-title {
    font-size: 2.5rem;
  }
  .form-description {
    font-size: 1.2rem;
  }
  .form-label {
    font-size: 1.2rem;
  }
  .form-select {
    font-size: 1.2rem;
  }
  .form-button {
    font-size: 1.1rem;
  }
}
@media (min-width: 1200px) {
    .welcome-title {
    font-size: 5rem;
  }
  .welcome-text {
    font-size: 2rem;
  }
  .form-layout__right {
    flex: 1;
  }  
  .form-title {
    font-size: 2.5rem;
  }
  .form-description {
    font-size: 1.2rem;
  }
  .form-label {
    font-size: 1.2rem;
  }
  .form-select {
    font-size: 1.2rem;
  }
  .form-button {
    font-size: 1.1rem;
  }
}