/* your styles go here */

@media screen and (min-width: 902px) {
  .hero-text {
    font-size: 7rem;
  }
}

img#logo {  
  margin-top: -180px;
  
}

.overlay {
  width: 100%;
  height: 100%;
  background: rgba(34, 24, 49, 0.93);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.link-scroll.active {
    color: #563d7c;
}