/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 20px;
}

#map-canvas {
  height: 60vh;
  width: 100%;
  margin: 0;
  padding: 0;
}

.gmnoprint img {
  max-width: none;
}

#input-map {
  height: 40vh;
  width: 100%;
  margin: 0;
  padding: 0;
}

#kelp-card {
  max-width: 100%;
  max-height: 500px;
}

#tagInst p {
  margin-bottom: 15px;
  font-size: 19px;
  font-weight: 200;
}

#logos img {
  max-width:100%;
  padding: 15px;
}

nav .navbar-toggle {
  margin: 13px 15px 13px 0;
}

.navbar-brand {
  font-size: 30px;
}

nav.navbar.shrink {
  min-height: 35px;
}

nav.shrink a {
  padding-top: 15px !important;
  padding-bottom: 10px !important;
  font-size: 15px;
}

nav.shrink .navbar-brand {
  font-size: 25px;
}

nav.shrink .navbar-toggle {
  padding: 4px 5px;
  margin: 8px 15px 8px 0;
}

@media (min-width: 992px) {

  nav a {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    font-size: 20px;
  }

  .navbar-brand img {
    max-height: 76px;
    margin-top: -28px;
  }

  nav.shrink .navbar-brand img {
    max-height: 35px;
    margin-top: -7px;
  }
}

@media (max-width: 991px) {

  nav a {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    font-size: 20px;
  }

  .navbar-brand img {
    max-height: 45px;
    margin-top: -15px;
  }

  nav.shrink .navbar-brand img {
    max-height: 35px;
    margin-top: -7px;
  }
}

@media (max-width: 767px) {

  nav a {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    font-size: 20px;
  }

  .navbar-brand {
    padding-left: 2px;
    padding-right: 2px;
    height: 40px;
  }

  .navbar-brand img {
    max-height: 45px;
    margin-top: -15px;
  }

  nav.shrink .navbar-brand img {
    max-height: 35px;
    margin-top: -10px;
  }

  nav.shrink a {
    padding-top: 15px !important;
    padding-bottom: 0px !important;
    font-size: 15px;
  }
}

@media (max-width: 500px) {

  nav a {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    font-size: 20px;
  }

  .navbar-brand {
    padding-left: 2px;
    padding-right: 2px;
    height: 40px;
  }

  .navbar-brand img {
    max-height: 35px;
    margin-top: -10px;
  }

  nav.shrink .navbar-brand img {
    max-height: 25px;
    margin-top: -7px;
  }

  nav.shrink a {
    padding-top: 15px !important;
    padding-bottom: 0px !important;
    font-size: 15px;
  }
}