#title-container {
  position: relative;
  width: 100vw;
  text-align: center;
  background-color: #2f3233;
  min-width: 285px;
}

#title-text {
  color: #00adef;
  text-shadow: 2px 2px 4px black, 2px 2px 8px black, 0 2px 4px black, 0 2px 8px black;
  font-family: EBGaramond-ExtraBold;

  position: relative;
  margin-right: 20px;
  margin-left: 20px;
  margin-top: 0;
  margin-bottom: 0;

  z-index: 2;
  width: 100%;
  text-decoration: none;
}

/* ADJUSTS POSITION OF TITLE CONTAINER BASED ON CONTACT LINK CONTAINER HEIGHT */
/* ADJUSTS POSITION OF TTITLE TEXT WITHIN TITLE CONTAINER TO ALLOW FOR TEXT WRAPPING 8 */
@media all and (min-width: 651px) {
  #title-text {
    top: 24px;
    font-size: 400%;
  }

  #title-container {
    min-height: 125px;
    max-height: 125px;
  }
}

@media all and (min-width: 486px) and (max-width: 650px) {
  #title-text {
    top: 34px;
    font-size: 300%;
  }

  #title-container {
    min-height: 125px;
    max-height: 125px;
    margin-bottom: 125px;
  }
}


@media all and (min-width: 422px) and (max-width: 485px) {
  #title-text {
    top: 34px;
    font-size: 300%;
  }

  #title-container {
    min-height: 125px;
    max-height: 125px;
    margin-bottom: 94px;
  }
}


@media all and (min-width: 346px) and (max-width: 421px) {
  #title-text {
    top: 18px;
    font-size: 200%;
  }

  #title-container {
    min-height: 75px;
    max-height: 75px;
    margin-bottom: 94px;
  }
}

@media all and (max-width: 345px) {
  #title-text {
    top: 22px;
    font-size: 150%;
  }

  #title-container {
    min-height: 75px;
    max-height: 75px;
    margin-bottom: 94px;
  }
}