html, body, h2
{
    margin: 0;
    padding: 0;
}
@font-face {
  font-family: "Montserrat-bold";
  src: url("../font/Montserrat-Bold.ttf");
}
a{
  text-decoration: none;
  color:#fff !important;

}
  body {
            margin: 0;
            padding: 0;
            overflow-x: hidden; 
        }

        .col-12 {
            width: 100%;
            height: 100%; 
            overflow-x: hidden;
        }

        #video-background {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

        .header-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: #fff;
        }
        .tituloBanner {
            font-size: 4em;
            font-weight: bold;
            margin: 0;
            font-family: "Montserrat-bold";
        }


@media only screen and (max-width: 869px)  {
  body{
    overflow-x: hidden !important;

  }
  .col-12 {
    width: 100%;
    height: 100%; 
    overflow-x: hidden;
}

#video-background {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.header-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}

.tituloBanner {
    font-size: 1.1em;
    margin: 0;
    font-family: "RobotoMonoItalic";
    color: #fff;
    margin-top: -150%;
}
a{
  text-decoration: none;
}
img{
  float: left;
  height: 100px;
  top: 15% !important;
}


li{
  margin-top:10px;
}
} 
.Text::first-letter {
    font-size: 4rem;
    font-weight: bold;
    margin-right: 3px;
  }

  body{
    margin: 0;
    border: 0;
  }