html, body {
  width: 100%;
  height: 100%;
}
.navbar {
  background-color: #23415C;
  padding: 1% 0;
  font-size: 1.2rem;
}
.navbar-brand {
  padding: 0 3px 100px ;
  min-height: 100px;
  max-width: 100px;
  max-height: 100px;
}
.navbar-default .navbar-nav li a {
  color: #d5d5d5
}
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a.active {
  color: #ffffff;
}
#home {
  background: url(assets/mountains.jpeg) no-repeat center center fixed;
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  background-size: cover;
}
.landing-text {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.landing-text h1 {
  font-size: 500%;
  font-weight: 700;
}
.padding {
  padding: 80px 0;
}
.padding img {
  width: 100%;
}
#fixed {
  background: url(assets/background.jpg) no-repeat center center fixed;
  display: table;
  height: 60%;
  position: relative;
  width: 100%;
  background-size: cover;
}
footer {
  width: 100%;
  background-color: #23415c;
  padding: 5% 5% 10% 5%;
  color: #ffffff;
}
.fa {
  padding: 15px;
  font-size: 25px;
  color: #ffffff;
}
.fa:hover {
  color: #d5d5d5;
  text-decoration: none;
}
.icon {
  max-width: 200px;
}

@media (max-width: 768px) {
  .landing-text h1 {
    font-size: 300%;
  }
  .fa {
    font-size: 20px;
    padding: 10px;
  }
  .icon {
    padding-top: 5%;
    max-width: 100px;
  }
}