/* ======== RESPONSIVE CSS ========= */

/* ===================================================
		MIN WIDTH 
=================================================== */
@media screen and (min-width: 1300px) {
}

@media screen and (min-width: 1600px) {
}

@media screen and (min-width: 1900px) {
}

@media screen and (min-width: 2000px) {
}

@media screen and (min-width: 2200px) {
}

@media screen and (min-width: 2700px) {
}

/* ------------------------------ 
	768px SMALL
------------------------------ */
@media (min-width: 768px) {
  .hide-mobile {
    display: block;
  }

  .show-mobile {
    display: none;
  }
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 750px;
    margin: 6.75rem auto;
  }
}

/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
/* ------------------------------ 
	992px - 1199px LARGE
------------------------------ */
@media (min-width: 992px) and (max-width: 1400px) {
  .hero-container img {
    height: auto;
    width: 170px;
  }
}

/* ------------------------------ 
	768px - 991px MEDIUM
------------------------------ */
@media (min-width: 641px) and (max-width: 991px) {
}

/* ===================================================
		MAX WIDTH 
=================================================== */
@media screen and (max-width: 1399px) {
  .banner {
    right: -715px;
  }
}

@media screen and (max-width: 991px) {
  .rightstack {
    top: 0;
  }

  .bottom-bg .row {
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .d1 {
    font-size: 16vw;
  }

  .headline {
    font-size: 8vw;
  }

  .rightstack {
    font-size: 6vw;
  }

  .bottom-bg .d1 {
    font-size: 110px;
  }
}

@media screen and (max-width: 640px) {
  .desktop {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }

  .name_first {
    margin-bottom: 1em !important;
  }

  .name_last {
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 600px) {
  /* Reset for Mobile Admin bar */
  body {
    position: initial;
  }
}

@media screen and (max-width: 576px) {
  .headline {
    font-size: 42px;
  }

  .d1 {
    font-size: 120px;
  }

  .bottom-bg .d1 {
    font-size: 100px;
  }

  .rightstack {
    font-size: 42px;
    white-space: normal;
  }
}

@media screen and (max-width: 500px) {
  .bottom-bg .d1 {
    font-size: 90px;
  }
}

@media screen and (max-width: 450px) {
  .d1 {
    font-size: 115px;
  }

  .bottom-bg .d1 {
    font-size: 78px;
  }

  .speak4-embed__bread.speak4-embed__bread--top {
    font-size: 0.75em !important;
    line-height: 1.15 !important;
  }
}

@media screen and (max-width: 400px) {
  .d1 {
    font-size: 100px;
  }

  .bottom-bg .d1 {
    font-size: 65px;
  }

  .headline {
    font-size: 32px;
  }
}

@media screen and (max-width: 350px) {
  .d1 {
    font-size: 90px;
  }

  .bottom-bg .d1 {
    font-size: 60px;
  }
}

@media screen and (max-width: 300px) {
}