#nav-logo {
  width: 4rem;
}

#jumbo-container {
  background: -webkit-gradient(linear, left top, left bottom, from(#00000046), to(#000000d0)), url(../images/jumbo-old-boots.jpg) no-repeat center center scroll;
  background: linear-gradient(#00000046, #000000d0), url(../images/jumbo-old-boots.jpg) no-repeat center center scroll;
  background-size: cover;
  width: 100%;
  height: 80vh;
}

#jumbo-title {
  font-size: 10vw;
}

#jumbo-subtitle {
  font-size: 3vw;
}

#jumbo-under-subtitle {
  font-size: 2vw;
}

hr {
  height: 1px;
  color: white;
  background-color: white;
  border: none;
}

#jumbo-btn {
  border: #000000 1px solid;
  width: 30vw;
  -webkit-transition: 80ms;
  transition: 80ms;
  font-size: 2.5vw;
}

#jumbo-btn:hover {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
  color: white;
  background-color: black;
}

@media only screen and (max-width: 600px) {
  #jumbo-container p {
    font-size: 3vw;
  }
  #jumbo-btn {
    font-size: 2vw;
  }
}

@media only screen and (max-width: 510px) {
  #jumbo-container p {
    font-size: 4vw;
  }
  #jumbo-btn {
    font-size: 3vw;
  }
}

@media only screen and (max-width: 380px) {
  #jumbo-container h1 {
    font-size: 12vw;
  }
  #jumbo-container p {
    font-size: 5vw;
  }
  #jumbo-btn {
    font-size: 5vw;
    width: 50vw;
  }
}

.card-image {
  height: 40vh;
}

.card {
  -webkit-box-shadow: 2px 2px 2px 1px #888888;
          box-shadow: 2px 2px 2px 1px #888888;
  -webkit-transition: all 50ms;
  transition: all 50ms;
}

.card:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  cursor: pointer;
}

.card-body {
  border-top: #888888 1px solid;
}

#footer-logo {
  width: 3vw;
}
/*# sourceMappingURL=main.css.map */