#appHeader{
  position:absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 50px;
  background: #25363d;
  /* Make Text Unselectable */
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

/* Mobile @ 700px */
@media only screen and (max-width: 700px) {
  #appHeader{
    position:absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 90px;
    background: #25363d;
	/* Make Text Unselectable */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
  }
}

/* Application Header City Logo */
#appHeaderCityLogo{
  z-index: 2;
  position: absolute;
  margin-top: 8px;
  left: 10px;
  height: 35px;
  width: 35px;
  border-radius: 4px;
  background-image:url(https://gis.edmondok.gov/ApplicationModulesJS4X/Graphics/CityLogo/CityLogoSmall.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35px 35px;
  /* Make Text Unselectable */
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

/* Application Header City Logo - Mobile 700px*/
@media only screen and (max-width: 700px) {
  #appHeaderCityLogo{
    z-index: 2;
    position: absolute;
    margin-top: 7px;
    left: 5px;
    height: 35px;
    width: 35px;
    border-radius: 4px;
    background-image:url(https://gis.edmondok.gov/ApplicationModulesJS4X/Graphics/CityLogo/CityLogoSmall.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 30px;
	/* Make Text Unselectable */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
  }
}

/* Application Header Title */
#appHeaderTitle{
  z-index: 2;
  position: absolute;
  margin-top: 0px;
  left: 55px;
  line-height: 1;
  font-family: calibri;
  font-size: 26px;
  font-weight: bold;
  color: white;
  /* Make Text Unselectable */
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  /* Make Text Unselectable */
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

/* Application Header Title - Mobile 700px */
@media only screen and (max-width: 700px) {
  #appHeaderTitle{
    z-index: 2;
    position: absolute;
    margin-top: 5px;
    left: 45px;
    line-height: 1;
    font-family: calibri;
    font-size: 22px;
    font-weight: bold;
    color: white;
    /* Make Text Unselectable */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
  }
}

/* Application Header Sub Title */
#appHeaderSubTitle{
  z-index: 2;
  position: absolute;
  top: 26px;
  left: 55px;
  line-height: 1;
  font-family: calibri;
  font-size: 20px;
  font-weight: bold;
  color: white;
  /* Make Text Unselectable */
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

/* Application Header Sub Title - Mobile 700px */
@media only screen and (max-width: 700px) {
  #appHeaderSubTitle{
    z-index: 2;
    position: absolute;
    top: 26px;
    left: 45px;
    line-height: 1;
    font-family: calibri;
    font-size: 18px;
    font-weight: bold;
    color: white;
    /* Make Text Unselectable */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
  }
}