body {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 400;
  color:#000;
}
main {
  min-height: 70vh;
}
.nav-link {
  font-weight: 600;
  font-size: 1.3rem;
}
.nav-link.active {
  border-bottom: 1px solid #000;
}
.navbar-light .navbar-nav .nav-link {
  color: #000;
}
.bg-light {
  background-color: #fff!important;
}

.bio a {
  text-decoration: none;
}
.instagram li a {
  text-decoration: none;
  color:#000;
  font-size: 1.3rem;
}
p {
  font-size: 1.3rem;
}
figcaption h1, h1.video-title {
  font-size: 1.3rem;
  font-weight: 600;
}
figcaption h1 a, .video-title a {
  color:#000;
  text-decoration: none;
}
figcaption h1 a:hover {
  color:#000;
  border-bottom: 2px solid #000;
  font-weight: 700;
  }

.btn-vocalino {
  color:#000;
  background-color: #fff;
  width: 50%;
  margin:0 auto;
  border: 1px solid #000;
}
.btn-vocalino:hover {
  background-color: #000;
  color: #fff;
}
.coder {
  text-decoration: none;
  color: #646464;
}
.coder:hover {
  text-decoration: none;
  color:#646464;
}
.modal-backdrop {
  opacity: 0.9;
}
.modal-backdrop.show {
    opacity: 1!important;
}
.modal-backdrop {
    background-color: #fff!important;
}
.carousel-control-prev-icon {
    background-image: url("/img/prev-icon.svg");
}
.carousel-control-next-icon {
    background-image: url("/img/next-icon.svg");
}

#background-video {
  width: 100%!important;
  object-fit: cover;
  z-index: -1;
}

.hctrl {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;   
}