.navbar-light .navbar-nav>.nav-item>.nav-link, .navbar-light .navbar-nav>.nav-item>.nav-link:focus, .navbar-light .navbar-nav>.nav-item>.nav-link:hover {
  text-transform: uppercase;
  font-weight: 300 !important;
  /* letter-spacing: 1px; */
  /* font-size: 13px !important; */
}

.navbar-light .navbar-brand {
  font-weight: normal !important;
  font-size: 1.3em;
  font-family: "Questrial";
  /* background: blue;
  color: white;
  padding-left: 20px;
  padding-right: 20px; */
}

#about {
  padding-bottom: 10px;
}

#profile {
  padding-top: 0px !important;
}

.portrait-title h2 {
  font-family: "Questrial" !important;
}

.portrait-title h3 {
  font-family: "Questrial" !important;
  margin-bottom: 4px !important;
  font-size: 0.85rem !important;
}

.network-icon li:hover {
  transition: ease-in 0.1s;
}

.network-icon li {
  transition: ease-in 0.1s;
}

.package-row {
  position: relative;
  height: 175px;
}

.package-list {
  margin-bottom: 75px;
}

.hex {
  width: 200px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.hex-even {
  /* top: -24px; */
  left: 100px;
}

.package-desc {
  padding-top: 55px;
  position: absolute;
  top: 0px;
  left: 215px;
  font-size: 0.85rem;
}

.package-desc-even {
  left: 315px;
}

@media only screen and (max-width: 500px) {

  .package-row {
    height: 110px;
  }
  
  .hex {
    width: 125px;
  }

  .hex-even {
    left: 63px;
  }
  
  .package-desc {
    padding-top: 30px;
    left: 135px;
    font-size: 0.6rem;
  }
  
  .package-desc-even {
    left: 196px;
  }

  .package-desc .btn.btn-sm {
    padding: .2rem;
    font-size: .4rem;
    border-radius: .2rem;
  }
}


.fahex {
  line-height: 0 !important;
}