/* Mobile CSS Document */

header {
    height:8%;
    position: fixed;
    top:0;
    left:0;
    min-width: 320px;
}

header.shrink {
    height:8%;
    position: fixed;
    top:0;
    left:0;
}

#headerLogo {
    width:auto;
}

#navButton {
    display: block;
    position: absolute;
    right:10px;
    top:5px;
    height:85%;
}

#nav {
  position: absolute;
  margin: 0;
  left: 0;
  top: calc(8vh + 2px);
  width: 100vw;
}

#nav a {
  width: 100vw;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin:0 !important;
  text-align: center;
}

#nav li ul {
  display: none;
}

#nav li.dropdown a {
  border-left: none !important;
  border-right: none !important;
}

#nav li.dropdown ul {
  position: relative;
  display: block;
}

#nav li.dropdown ul li a {
  background: #73a8d9;
  border-radius: 0;
  border-left: none !important;
  border-right: none !important;
}

#nav li:hover a {
  border-top: none;
  border-bottom: 2px solid #458ccc;
  background: #73a8d9;
  border-left: none !important;
  border-right: none !important;
}

ul.navHide {
    display: none !important;
}

ul.navShow {
    display:block;
}

#content {
  top: calc(8vh + 3px);
  min-width: 320px;
  width: 96%;
  min-height: calc(92vh - 172px);
}

#content.shrink {
  top: calc(8vh + 3px);
}

h1.bannerText {
  position: relative;
  border-bottom: none;
  border-right: none;
  border-radius: none;
  padding: 15px 0 0 0;
}

.bannerSlides {
  width: 100vw;
  position: relative;
  left: -2vw;
}

#frontPageImages li {
  display: block;
  position: relative;
  width: 60%;
  margin: 15px auto;
}

#min_break {
  display: block;
}

footer div {
  clear: both;
}

footer {
  top: calc(8vh + 3px);
}

footer.shrink {
  top: calc(8vh + 3px);
}

.floatingImage {
  float: none;
  margin: 10px 0px;
  width: 100%;
}

.mobileHide {
  display: none !important;
}