/**
 * @file
 * Mobile specific CSS.
 */
@media (min-width: 768px) {
  .min-h-md-logo {
    min-height: 4rem;
  }

  .footer-menu ul {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }

  .region-header-nowrap {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
  }
  

  /* START LANGUAGE SELECTOR */

  #confirmLang .modal-dialog {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  /* END LANGUAGE SELECTOR */
}

@media (min-width: 1024px) {
  .lg\:flex {
    display: flex;
  }

  .w-lg-\[12rem\] {
    width: 12rem;
  }

  .h-lg-10 {
    height: 2.5rem;
  }
  

  /* START LANGUAGE SELECTOR */

  #confirmLang .modal-dialog {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  /* END LANGUAGE SELECTOR */
}

@media (min-width: 1536px) {

  /**
 * @front
 * Front page CSS.
 */
  .text-2xl-header-title,
  .text-2xl-header-title a {
    font-size: 32px;
  }

  .text-2xl-calculator-description {
    font-size: 15px;
  }

  .text-2xl-calculator-instructions {
    font-size: 20px;
  }


  /* START FOOTER */
  .footer-menu ul li a {
    font-size: 15px;
  }

  /* END FOOTER */

  /* START CONTENT */
  .block-page-title-block h1.title {
    font-size: 36px;
  }

  /* END CONTENT */
}