/* Remove max-width from outer form container to allow red CTA component to go full-width 
 (only for submitted form, otherwise the initial form will have no container). */
.itonic-webform:not(.webform-details-toggle) .itonic-webform__form {
  max-width: none !important;
}

/* Apply inner grid container to div container */
.webform__thank-you-message-container {
  max-width: 1024px;
  margin: 40px auto;
}

.webform__thank-you-message-container img.check-mark {
  margin: 0 auto 20px;
  max-width: 100px;
}

.webform__thank-you-message-container h1 {
  text-align: center;
}

.webform__thank-you-message-container .row--buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.webform__thank-you-message-container .row--buttons a {
    flex: 0 0 25%;
    max-width: 25%;
    margin: 20px;
}

/* 2/2 Stack for medium-size resolutions (tablets) */
@media screen and (max-width: 991px) {
  .webform__thank-you-message-container .row--buttons a {
    flex: 0 0 40%;
    max-width: 40%;
    margin: 20px;
  }
 
}

/* 1/1 Stack for mobile and most large phones */
@media screen and (max-width: 767px) {
   .webform__thank-you-message-container .row--buttons {
    flex-direction: column;
  }
  
  .webform__thank-you-message-container .row--buttons a {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 10px 0;
  }
  
}