@font-face {
  font-family: 'BrunoAceSC';
  src: url(../fonts/BrunoAceSC-Regular.ttf);
}

.section-article-youtube p {
  text-shadow: none !important;
}

.section-article-youtube .card {

  padding: 15px;
}

.primary-overlay {
  background: rgba(47, 46, 46, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.main-header {
  background: url(../images/playing.png);
  background-size: cover;
  background-position: top;
  height: 100vh;
  min-height: 600px;
  color: white;
  position: relative;

}




.main-text h1,
h5,
p {
  text-shadow: 2px 2px 4px #000000;

}



.main-text h1 {
  margin-left: 55%;
  font-family: "BrunoAceSC";
  display: block;

}

.main-text p {

  font-size: 18px;

}

.back-fill {
  background: rgba(40, 40, 40, 0.7);
  margin-left: 55%;
  padding: 2px 25px;

}


.header-btn {
  background-color: #c628b0 !important;

}

.event-list {
  bottom: 0;
  position: absolute;
  left: 10%;
  width: 80%;
}

.event-list ul li {
  text-align: left;
  background-color: rgba(2, 2, 2, 0.7) !important;
  height: 20px !important;

}

.scroll-icon {
  position: absolute;
  bottom: 0;
  left: 47%;
  opacity: 0.5;
}

.secondary-content {
  background-color: rgba(2, 2, 2, 0.7) !important;
  color: #c628b0;
}

.eq {

  background-color: #c628b0 !important;

}



nav {
  background: rgba(40, 40, 40, 0.7);
}


.section-videos {
  background: rgb(41, 39, 39);
  background: linear-gradient(180deg, rgb(33, 32, 32) 0%, rgba(0, 0, 0, 1) 100%);
  color: white;

}

.section-videos .card {
  background: rgb(41, 39, 39);

}


.section-videos p {

  text-shadow: none;

}


.section-bio {
  background: url(../images/bio2023.jpg);
  background-size: cover;
  background-position: center;
  height: 120vh;
  min-height: 400px;
  position: relative;
  text-shadow: none;
  background-color: #000000;
  color: white;

}

.section-bio p {
  font-size: 18px;
  text-shadow: none;
  line-height: 1.6rem;


}

.section-bio .bio-text-container {
  width: 100%;
  background: rgba(40, 40, 40, 0.9);
  padding: 20px;
  margin-top: 660px;
}

.follow .fa-4x {
  margin: 10px 15px;
  padding: 10;

}



.event-list-section {
  width: 100%;
  background-color: #000000;
  color: white;

}

.event-list-section ul li {
  text-align: left;
  background-color: rgba(2, 2, 2, 0.7) !important;
  height: 20px !important;

}

.page-footer {
  margin-top: -20px;
  background: rgb(198, 40, 176);
  background: linear-gradient(180deg, rgba(198, 40, 176, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

.footer-copyright {
  background-color: #000000;
}


@media (max-width: 600px) {


  .main-header {
    background: url(../images/playing.png);
    background-size: cover;
    background-position: left;
    height: 50vh;
    min-height: 800px;
    color: white;
    position: relative;
    padding-top: 0;

  }


  .event-list {
    left: 0;
    width: 100%;
  }

  .scroll-icon {
    display: none;
  }



  .back-fill {
    margin-left: 0;
    margin-top: 30%;
  }

}