#banner {
  position: absolute;
  color: #fff;
  width: 100%;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* zoom: 125%; */
}

/* #about:before {
  margin-top: 0px;
} */
.container:before {
  margin-top: 80px;
}

.banner-text {
  text-align: center;
}

.banner-text .btn {
  text-transform: uppercase;
  background-color: #ff9600;
}

#banner h1 {
  margin: 0;
  font-weight: 900;
  text-transform: uppercase;
  color: #ff9600;
}

#banner h3 {
  margin: 0;
}

.btn:focus,
.btn:active {
  outline: none !important;
}

.navbar {
  /* position: absolute; */
  margin: 0px;
}

#myCarousel {
  margin: 0;
  top: 40px;
}

span.anchor {
  margin-top: 0px; /* height of nav, in this case 54px */
  display: block;
  height: 100px; /* height of nav, in this case 54px */
  visibility: hidden;
  position: relative;
}

@media (max-width: 768px) {
  #banner {
    position: absolute;
    color: #fff;
    width: 100%;
    margin: 0 auto;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    zoom: 60%;
  }
  /* #myVideo {
    margin-top: 100px;
  } */
  .container {
    padding: 20px 40px;
  }
  /* #about {
    margin-top: -10px;
  } */
  /* .container:before {
    height: 50px;
    content: "";
    display: block;
  } */
}