html {
  height: 100%;
}

#background {
  background-color: #f4fcff;
  position: relative;
  min-height: 100%;
}

#navbar-link-active,
#navbar-link:hover {
  text-decoration: underline #00cfff;
}

#contact-link {
  color: #000000;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #ffffff;
}

.footer-title,
.nav-link {
  font-size: 1.25rem;
  line-height: 2.5rem;
  color: #000000;
  padding: 0;
}

.nav-link:hover {
  text-shadow: 2px #00cfff;
}

@media (min-width: 414px) {
  .footer-title {
    float: left;
  }
  .footer-nav {
    float: right;
  }

  #background {
    padding-bottom: 75px;
  }

  footer {
    height: 60px;
  }
}

@media (max-width: 414px) {
  #background {
    padding-bottom: 130px;
  }

  footer {
    height: 115px;
  }
}