.box1 {
  border: 1px solid red;
}

html,
body {
  margin: 0;
  background-color: black;
}

.video-container {
  width: 100vw;
  height: 250px;
  overflow: hidden;
}

.video-container video {
  position: relative;
  /* top: -500px; */
  top: -100px;
}

.title-box {
  position: relative;
  top: -40px;
  margin-left: auto;
  margin-right: auto;
  background-color: rgb(0, 70, 110);
  box-shadow: 0 0 2px 5px rgb(216, 215, 215);
  border-radius: 50%;
  /* text-align: center; */
  width: 300px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.title-box h2 {
  color: rgb(216, 215, 215);
}

ul li img {
  max-width: 50px;
}

.card-header {
  background-color: rgb(0, 70, 110);
}

.btn-link {
  color: rgb(216, 215, 215);
}

h5 a {
  color: rgb(0, 70, 110);
}

.btn-link:hover,
.btn-link:active,
.btn-link:focus,
a:hover,
a:focus {
  color: rgb(248, 125, 9);
  text-decoration: none;
}

.tav {
  margin-bottom: 5px;
}