* {
  font-family: "Times New Roman", serif;
}

.fullscreen-image {
  width: 100%;
  height: 100%;
  background-image: url("/assets/images/bg.jpg");
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}

.transparent_bg {
  background-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 576px) {
  /* Small devices (phones) */
  .custom-box {
    width: 75%;
  }

  .youtubeVideo.mobile {
    min-width: 250px;
    width: 100%;
    height: 350px;
  }

  .youtubeVideo.desktop {
    min-width: 250px;
    width: 100%;
    height: 225px;
  }
}

@media (min-width: 768px) {
  /* Medium devices (tablets and larger) */
  .custom-box {
    width: 50%;
  }

  .youtubeVideo.mobile {
    min-width: 400px;
    width: 100%;
    height: 400px;
  }

  .youtubeVideo.desktop {
    min-width: 300px;
    width: 100%;
    height: 280px;
  }
}

@media (min-width: 992px) {
  /* Large devices (desktops and larger) */
  .custom-box {
    width: 30%;
  }

  .youtubeVideo.desktop {
    min-width: 700px;
    width: 100%;
    height: 650px;
  }

  .youtubeVideo.desktop {
    min-width: 700px;
    width: 100%;
    height: 350px;
  }
}