@media screen and (min-width: 768px) {
  .bx-wrapper,
  .bx-viewport,
  .bxslider {
    height: 100vh; 
    height: 100dvh;
    min-height: 400px;
  }
}


@media screen and (min-width: 992px) {
  .hero-inside {
    height: 50vh;
  }
/* BX Slider
   ========================================================================== */
  .hero .bxslider_title {
    font-size: 48px;
  }

  .hero .bx-wrapper .bx-caption span {
    font-size: 24px !important;
  }

  .bxslider_caption a {
    margin-top: var(--space-xl);
    font-size: var(--font-size-xl);
    padding: var(--space-md) var(--space-xl);
  }
}

@media screen and (min-width: 1200px) {
  /* Content
   ========================================================================== */
  body {
    font-size: 20px;
    line-height: 33px;
  }

  header .logo img {
    max-width: 150px;
  }

 .hero .bxslider_title,
 .hero-inside h1 {
    font-size: 64px;
  }

  .hero-inside {
    height: 50vh;
    height: 50dvh;
  }

  /* News and Events
   ========================================================================== */

  .Blog {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .Blog .article {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
    display: flex;
    flex-direction: column;
    margin-bottom: 48px;
  }
}

@media screen and (min-width: 1400px) {
 .hero .bxslider_title {
    font-size: 96px;
  }

 .hero-inside h1 {
    font-size: 84px;
  }
}