::selection {
  color: white;
  background: #5a646f;
}

header.masthead .intro-text {
  height: 100%;
  margin-top: auto;
  padding-top: 25vh;
  padding-bottom: 0;
}

.intro {
  font-family: Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 24px;
  letter-spacing: .85rem;
  line-height: 42px;
}

@media (min-width: 360px) {
  .intro {
    font-size: 30px;
  }
}

@media (min-width: 576px) {
  .intro {
    font-size: 48px;
    line-height: 64px;
  }
}

@media (min-width: 768px) {
  .intro {
    font-size: 72px;
    line-height: 84px;
  }
}

header {
  max-height: fit-content;
  min-height: 100vh;
  background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)), url(../img/bg.jpg);
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #f58634;
}

.btn-primary {
  color: #fff;
  background-color: #f58634!important;
  border-color: #f58634!important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #212529;
  background-color: #f58634!important;
  border-color: #f58634!important;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: #f37314!important;
  border-color: #f37314!important;
  color: #fff;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
  background-color: #f58635;
}

a {
  color: #f58634;
}

a:hover {
  color: #f58634;
  text-decoration: underline;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
  background-color: rgba(245,134,52,0.61);
}

@media (min-width:768px) {
  section {
    padding: 70px 0;
  }
}

section h2.section-heading {
  margin-top: 15px;
  margin-bottom: 15px;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
  color: #212529;
  background-color: #f58634;
  border-color: #f58634;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #f58634;
  border-color: #f58634;
}

.btn-outline-primary {
  color: #f58634;
  border-color: #f58634;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #f58634;
}


.link-hover > a {
  /* opacity: 0; */
  color: gray;
  text-decoration: none;
}

.link-hover:hover > a, .link-hover:focus > a, .link-hover:active > a {
  /* opacity: 1; */
  color: #f58634;
  transition: .5s all;
}

.ov i {
  padding: 1rem;
  font-size: 2rem;
  color: #f58634;
}

.section-heading {
  margin-bottom: 40px !important;
}