html, body {
    font-size: 16px;
}
body, input[type], select, option, button, textarea {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}
body {
    background-color: #fff;
    color: #626968;
    overflow: visible;
}
.tit {
    font-family: "Titillium Web", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.topo {
    position: absolute;
    width: 100%;
    z-index: 2;
    grid-template-columns: 240px 1fr;
    justify-content: space-between;
    padding: 26px 30px;
    align-items: center;
    box-sizing: border-box;
    /* Permalink - use to edit and share this gradient. Link permanente - use para editar e compartilhar este gradiente: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.6+0,0+94 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 94%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



}
.dir-top {
    grid-template-columns: 1fr 240px;
    align-items: center;
    column-gap: 25px;
}
.nav1 {
  margin: 0 auto;
}
.nav1 > ul {
    display: grid;
    grid-template-columns: repeat(6, auto);
    align-items: center;
    list-style: none;
    column-gap: 14px;
}
.nav1 > ul > li > a {
  text-transform: uppercase;
  font-family: "Titillium Web", sans-serif;
    color: #fff;
    font-weight: 300;
    display: block;
    padding: 5px 10px;
    font-weight: 300;
}
.nav1 > ul > li > a:hover {
  background-color: #fff;
  color: #3E526C;
}
.ul-socs-topo {
  justify-self: end;
  list-style: none;
}
.ul-socs-topo > li > a {
    display: block;
    font-size: 2rem;
    color: #ffffff;
}
.hero-video-texto-centro .texto-interna h2 {
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 4rem;
}