/* Basic Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Mobile Friendly Basics */
body, html {
    background-color: #000;
    width: 100vw;
    font-family: 'Arial', sans-serif;
}

/* Header Styles */
header {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 20px;
}

.logo {
    width: 100%; /* Adjust as necessary */
    display: block;
    margin: 0 auto;
}

h1 {
    font-size: 24px; /* Adjust as necessary */
}

h2 {
    font-size: 16px; /* Adjust as necessary */
}

.video-container {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.video-js {
    width:100% !important;
    height: auto !important;
}

.video-js.vjs-ended .vjs-poster {
    display: block;
  }

  .vjs-default-skin.vjs-ended .vjs-big-play-button {
    display: none;
  }
/* Footer Styles */
footer {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 20px;
}

/* Responsive Design */
@media (min-width: 728px) {
    /* Adjust the styles for larger devices */
}

@media (orientation: landscape) {
    /* Adjust the styles for landscape orientation */
}