#myBtn,
.carousel-caption.slide1,
.carousel-caption.slide2,
.carousel-caption.slide3,
.carousel-caption.slide4,
.carousel-caption.slide5,
.carousel-caption.slide6,
.carousel-caption.slide7,
.carousel-caption.slide8,
.carousel-caption.slide9 {
  background-color: rgb(9 90 102 / 90%) !important
}

.bg-mrh,
.bg-whn,
.bg-hertzog,
.bg-cold,
.bg-juarez,
.bg-ocracoke,
.bg-marc,
.bg-shakespeare {
  background-color: rgb(9 90 102 / 100%) !important
}


.page1 img.certificate {
  width: 100%;
}

.page1 img.p-badge {
   max-width: 600px;
 }

.page1 .bg-marc .top-title {
  max-width: 1080px;
  margin: 18% 50px 12% 50px;
}

article .bg-youtube-header h2 {
  font-size: 1.7em;
}

.hero .container {
  max-width: 1080px;
}

@media screen and (max-width: 1000px) {
  .page1 .bg-marc .top-title {
    margin: 18% 10px 6% 10px;
    font-size: 1.6rem;
  }

}

@media screen and (max-width: 600px) {
  article .bg-youtube-header h2 {
    font-size: 1.3em;
  }

  .page1 .bg-marc .top-title {
    margin: 23% 0 1% 0;
    font-size: 1.16rem;
  }

}

@media screen and (max-width: 480px) {
  .page1 .bg-marc .top-title {
    margin: 28% 0 0 0;
    font-size: 1rem;
  }

}