@import url('https://fonts.googleapis.com/css2?family=Exo:wght@200;300;400;700;900&display=swap');

/* Esta classe será usada para iniciar a animação */
.animate {
  animation: entradaDaDireitaParaAEsquerda 1s ease-in-out; /* Altere conforme necessário */
}

/* Definindo a animação */
@keyframes entradaDaDireitaParaAEsquerda {
  0% {
    transform: translateX(100%); /* Começa totalmente à direita */
  }
  100% {
    transform: translateX(0); /* Termina na posição inicial (à esquerda) */
  }
}

/* Definindo a animação */
@keyframes entradaDaEsquerdaParaADireita {
  0% {
    transform: translateX(-100%); /* Começa totalmente à esquerda */
  }
  100% {
    transform: translateX(0); /* Termina na posição inicial (à direita) */
  }
}

.animate1 {
  animation: entradaDaEsquerdaParaADireita 1s ease-in-out; /* Altere conforme necessário */
}



body {
    font-family: 'Exo', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 2.6vw;
    line-height: 120%;
    font-weight: normal;
    background-image: url('../_img/bg.webp');
    background-size: contain;
}

body#index a#in, body#empresa a#em, body#produto a#pr, body#contato a#co  
{
    font-weight: bold;
    z-index: -9;

}

    .row {
      --bs-gutter-x: 3vw;
      --bs-gutter-y: 0;
    }

    ol, ul {
      padding-left: 0;
    }

h1, h2, h3, h4, h5 {
    font-family: 'Exo', sans-serif;
    font-weight: 900;
}

h1 {
    font-size: 6vw;
    line-height: 6vw;
    color: white;
}


h2 {
    font-size: 4vw;
    line-height: 5vw;
    color: white;
}

h3 {
    font-size: 5.5vw;
    line-height: 6vw;
    color: #3159A6;
}

h4 {
    font-size: 5vw;
    line-height: 5.5vw;
    font-style: italic;
}

h5 {
  font-size: 2.5vw;
  text-align: left;
  color: white;
  font-weight: bold;
  line-height: 3vw;
}

p {
  margin-bottom: 5vw;
}

input[type="radio"] {
  width: 4vw; /* Largura desejada */
  height: 4vw; /* Altura desejada */
  border: 2px solid white;
}

input[type="radio"]:checked {
  border-color: black; /* Cor da borda quando selecionado */
  background-color: black; /* Cor de fundo quando selecionado */
}

    .check-label {
        color: white;
    }

    a {
        text-decoration: none;
    }

    .top-1 {
        padding-top: 2vw;
    }

    .top-2 {
        padding-top: 2vw;
    }

    .form__textarea {
        height: 10.2vw;
    }

    .container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto; 
        padding: 0;
    }

    .video-container {
        position: relative;
        width: 100%;
        height: 100vw;
        overflow: auto;
    }


    .animacao {
       width: 100%;
        height: 100vh; /* Ajusta a altura do contêiner para ocupar a tela inteira */
        overflow: hidden;
        position: relative;
        display: flex; /* Usa display flex para centralizar verticalmente */
        justify-content: right; /* Centraliza horizontalmente */
        align-items: center; /* Centraliza verticalmente */
        
    }

    .animated-image {
         position: absolute;
        opacity: 1; /* Você pode ajustar a opacidade conforme necessário */
    }

    .texto-sobre-imagem {
          position: absolute;
          left: 54%;
          transform: translate(-50%, -50%);
          color: #3A8475;
          font-family: 'Humanist-xblk';
          font-size: 4vw;
          text-align: center;
          top: 92.5%;
          text-decoration: none;
          letter-spacing: -2px;
    }

    .texto-sobre-imagem span {
        font-size: 5.5vw;
    }

    .esconder {
      position: relative;
      background-color: #3159A6;
      height: 8.1vw;
      margin-top: -109vw;
      z-index: 99999 !important;
    }


    img {
        max-width: 100%;
    }

    .container-fluid {
        position: relative;
        padding: 0;
    }

    .container-fluid picture {
        max-width: 100%;
    }

    header {
        background-color: white;
    }

    .header {
        padding: 3vw 8vw 3vw 8vw;
    }

    .header__logotipo {
        width: 50%;
    }

    .navbar {
        position: relative;
        display: grid;
        grid-template-columns: 1fr auto;
    }

    .navbar-light .navbar-toggler-icon {
      background-image: url('../_img/menu.webp');
    }

    .navbar-nav .nav-link {
      text-align: center;
    }

    .navbar-collapse {
        padding-left: 21vw;
    }    

    .navbar-nav {
        text-align: center;
    }

    .navbar-light .navbar-toggler {
        border: none;
        padding-top: 3vw;
    }

    .navbar-toggler:hover {
      text-decoration: none;
      border: none;
      border-color: white;
    }

    .navbar-toggler:focus {
      text-decoration: none;
      outline: none;
      box-shadow: none;
      border: none;
    }

    .nav-botao {
        padding-top: 1vw;
    }

    .navbar-brand {
        padding-top: 4vw;
        width: 38vw;
    }

    .navbar-toggler {
        font-size: 5vw;
    }

    .navbar {
        padding-top: 0rem;
        padding-bottom: 2vw;
        padding-left: 8vw;
        padding-right: 8vw;
    }

    .navbar-toggler-icon {
        width: 10vw;
        height: 5vw;
    }

    .overlay {
      position: absolute;
/*      width: 100%;
      max-width: 100%;
*/      height: auto;  
    }

    section {
        position: relative;
    }

    .sessao {
        position: absolute;
        top: 88vw;
        display: flex;
        flex-direction: column;
        left: 37vw;
    }

    .botao {
        text-align: center;
        padding-top: 1vw;
        padding-bottom: 1vw;
        padding-left: 2vw;
        padding-right: 2vw;
        border-radius: 1vw;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 16px 15px -1px, rgba(0, 0, 0, 0.3) 0px 6px 4px -1px;        
    }

    .botao-saibamais {
        background-color: #ffffff; /* Cor de fundo do botão */
        color: #3159A6; /* Cor do texto */
        border: none; /* Remove a borda padrão */
        box-shadow: inset -5px -5px 0px 0px #9ED2CE;
        font-size: 3vw;
        font-weight: 300;
        padding-left: 6vw;
        padding-right: 6vw;
    }

    .botao-azul {
        background-color: #0CF;
        color: #3159A6;
        border: none;
        box-shadow: inset -5px -5px 0px 0px #0092D1;
        font-size: 2.5vw;
        font-weight: 700;
        padding-left: 2vw;
        padding-right: 2vw;
        padding-bottom: 1vw;
        line-height: 3vw;
    }

    .botao-grande {
        font-size: 4vw;
    }

   .botao-branco {
        background: #FFFFFF;
        color: #3159A6;
        font-size: 3vw;
        font-weight: bold;
        line-height: 4vw;
    }

    .botao-menu {
        background-color: #3159A6;
        color: white;
        border: none;
        font-size: 3vw;
        font-weight: 500;
        padding-left: 0.3vw;
        padding-right: 0.3vw;
        padding-bottom: 0.25vw;
        line-height: 1.6vw;
        box-shadow: none;
        padding-top: 0.3vw;
        border-radius: 0.3vw;
    }    

    .botao-menu a:hover, .botao-menu a {
        color: white;
    }

    .sessao-1 {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        top: 50vw;
        left: 46vw;
    }

    .sessao-1__animacao-img {
        width: 54vw;
    }

    .sessao-2 {
        position: relative;
        top: 5vw;
        padding-bottom: 14vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sessao-2__produto {
        width: 35vw;
        height: 46vw;
        background-color: #3159A6;
        margin: 3vw;
        text-align: center;
    }

/*    .sessao-2__produto-img {
        width: 35vw;
    }
*/
    .sessao-2__produto-nome {
        padding-top: 4vw;
        padding-bottom: 2vw;
    }

    
    .sessao-2__frase {
        padding-top: 93vw;
        text-align: center;
        color: white;
    }

    .sessao-2__frase p {
        font-size: 7.4vw;
        line-height: 7.4vw;
    }

    .sessao-2__frase span {
        font-family: 'Humanist-xblk';
        font-size: 10vw;
        line-height: 5.8vw;
    }

    .sessao-3 {
        position: absolute;
        top: -9vw;
        display: flex;
        flex-direction: column;
        
    }

    .sessao-3__inicio {
        display: grid;
        grid-template-columns: 3fr 2fr;
    }

    .sessao-3__inicio h2 {
        text-align: left;
        color: #3159A6;
        font-size: 4vw;
        padding-top: 3vw;
    }

    .sessao-3__form {
        padding: 0 17vw 18vw 17vw;
        text-align: center;
    }

    .sessao-3__form h2 {
        font-size: 4vw;
        line-height: 4vw;
        text-align: left;
        padding-left: 2vw;
        padding-top: 4vw;
    }

    .sessao-3__form h3 {
        font-size: 3vw;
        line-height: 3vw;
        text-align: left;
    }    

    .input-container {
        display: inline-block;
        vertical-align: middle;
    }

    .sessao-4 {
        padding-top: 4vw;
        display: flex;
        flex-direction: column;
        padding-left: 8vw;
        padding-right: 8vw;
        color: #3159A6;
        font-size: 4vw;
    }


    .sessao-4 h2 {
        color: #3159A6;
        font-weight: 700;
        line-height: 5vw;
        font-style: italic;
        text-align: center;
    }

    .sessao-4 h3 {
        font-size: 7vw;
        line-height: 8vw;
        text-align: center;
        font-style: italic;
        font-weight: 800;
        margin: 1vw 0 4vw;
    }



    .sessao-4__item {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        text-align: center;
        grid-gap: 3vw;
    }    

    .sessao-4__item-img {
        width: 26vw;
    }

    .sessao-4__item-texto {
        font-size: 3.4vw;
        line-height: 4vw;
        font-weight: bold;
        font-style: italic;
        padding: 2vw;
    }


    .sessao-4__instagram {
        padding-top: 5vw;
        display: flex;
        flex-direction: column;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .sessao-4__instagram p {
        color: black;
        text-align: center;
        font-size: 2.8vw;
    }

    .sessao-4__instagram h4 {
        font-size: 9vw;
        line-height: 8vw;
        text-align: center;
        font-style: normal;
        font-weight: 800;
        margin: 1vw 0 1vw;
        color: #3159A6;
    }

    .sessao-5 {
        background-color: #3159A6;
        color: white;
        top: 0;
        padding: 3vw 12vw 12vw 12vw;
        text-align: left;
        
    }

    .sessao-5 p {
        font-weight: normal;
        font-size: 3vw;
        line-height: 4vw;
    }

    .sessao-5 h4 {
        line-height: 17vw;
        font-weight: 800;
        text-align: center;
        font-size: 6vw;
    }

    .sessao-6 {
        padding: 3vw 14vw 2vw 14vw;
    }

    .sessao-6__botao {
        top: -31vw;
        text-align: center;
        position: relative;
    }

    .sessao-7 {
        position: absolute;
        top: 9vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
    }

    .sessao-7 h4 {
        font-size: 5vw;
        color: white;
    }

    .sessao-7__titulo {
        z-index: -99;
        margin-top: 3vw;
    }


    .sessao-8 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 21vw 10vw 2vw 10vw;
    }

    .sessao-8 article {
        width: 100%;
    }

    .sessao-8__produtos {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 7vw 10vw 2vw 10vw;
    }

    .sessao-9 {
        top: 51vw;
        left: 29vw;
        z-index: 9999;
    }

    .sessao-10 {
        background-color: #3159A6;
        padding-top: 8vw;
        color: white;
        text-align: center;
    }

    .sessao-10 h4 {
        font-size: 7.5vw;
        line-height: 11vw;
    }

    .sessao-10__info {
        display: grid;
        grid-template-columns: auto auto;
        grid-column-gap: 1vw;
        padding: 2vw 18vw 1vw 18vw;
    }

    .sessao-10__info-icone {
        width: 10vw;
    }

    .sessao-10 p {
        font-size: 3.8vw;
        line-height: 4.4vw;
        padding-top: 2vw;
    }

    .mapa {
        width: 100%;
        height: 65vw;
    }

    .sessao-11 {
        background-color: #3159A6;
        text-align: center;
        padding-top: 9vw;
    }

    .sessao-11__form {
        text-align: left;
        padding: 8vw 13vw;
    }   

    .sessao-12 {
        top: 47vw;
        left: 15vw;
        text-align: center;
        color: white;
        z-index: 999;
    }

    .sessao-12 h4 {
        font-size: 7vw;
        font-weight: 600;
        line-height: 7vw;
    }

    .img__tamanho {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
    }

    input[type="text"], input[type="email"], input[type="password"], textarea {
        font-size: 2.6vw;
        color: #58585A;
        width: 100%;
        background-color: #fff;
        border: none;
        border-radius: 1vw;
        padding: 1.6vw 4vw;
        margin: 0.8vw;
    }

    input[type="submit"] {
        background-color: #00CCFF;
        color: #3159A6;
        border: none;
        box-shadow: inset -1vw -1vw 0px 0px #0092D1;
        font-size: 4vw;
        font-weight: bold;
        padding: 2vw 7vw 3vw 7vw;
        margin-top: 2vw;
    }

    button, input, optgroup, select, textarea {
        vertical-align: middle;
    }

    .form__coluna {
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: left;
    }

    .form__linha {
        padding-top: 2vw;
    }

    .form__botao {
        text-align: center;
    }


    /* Footer */


    .footer {
        margin-top: 1vw;
        text-align: center;
    }

    .footer__conteudo {
        top: 16vw;
        padding: 0 25vw 0 25vw;
        color: #fff;
        text-align: center;
        z-index: 999999;
        position: absolute;
    }

    .footer__logo {
        width: 40vw;
        padding-bottom: 5vw;
    }

    .footer ul {
        list-style: none;
    }

    .footer li h2 {
        color: #eb3c36;
    }

    .footer a {
        text-decoration: none;
        color: white;
        font-weight: bold;
    }

    .flex {
        display: block ruby;
        padding-top: 3vw;
        text-align: end;
    }

    .footer__icone {
        width: 6vw;
    }

    .footer__1 {
        display: none;
    }

    .footer__empresa {
        background-color: #3159A6;
        margin-top: -11vw;
        
        position: relative;
    }

    .footer__index {
        margin-top:-16vw;
    }  

    .footer__produto {
        margin-top: -15vw;
        
        position: relative;
    }  

    .footer__contato {
        margin-top: -12vw;
        
        position: relative;
    }      

    .direitos {
        text-align: center;
        font-size: 2vw;
        padding-top: 2vw;
        padding-bottom: 1vw;
        background-color: #1D3562;
        color: white;
    }    

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link {
        font-size: 3vw;
        color: #3159A6;
        padding-left: 1vw;
        padding-right: 1vw;
    }

    .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
        font-size: 3vw;
        color: #3159A6;
        padding-left: 1vw;
        padding-right: 1vw;
    }

}


@media screen and (min-width: 576px)  { 

    .video-container {
        height: 75vh;
    }

    .sessao {
        top: 60vw;
    } 
}        

@media screen and (min-width: 992px)  { 

    body {
        font-size: 1.1vw;    
    }    

    .esconder {
        height: 4vw;
        margin-top: -26vw;
    }

    .container {
        width: 680px;
        margin: 0 auto; 
    }

    .navbar {
        padding-left: 16vw;
        padding-right: 16vw;    
        padding-bottom: 0vw;    
    }

    .navbar-brand {
        padding-top: 2.5vw;
        padding-bottom: 2vw;
        width: 22vw;
    }

    .navbar-collapse {
        padding-left: 0vw;
    }

    .nav-botao {
        padding-top: 0.6vw;
    }

    .space-left {
        padding-left: 1vw;
    }

    .space-right {
        padding-right: 1vw;
    }

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link {
        font-size: 1.4vw;
        padding-left: 0.8vw;
        padding-right: 0.8vw;
    }

    .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
        font-size: 1.4vw;
        padding-left: 0.8vw;
        padding-right: 0.8vw;
    }

    .botao {
        border-radius: 0.5vw;    
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
    }

    .botao-menu {
        font-size: 1.4vw;
    }

    .botao-branco {
        font-size: 1.5vw;
        line-height: 2.4vw;
    }

    p {
        margin-bottom: 1vw;
    }

    h1 {
        font-size: 3vw;
        line-height: 3vw;
    }

    h2 {
        font-size: 1.8vw;
        line-height: 2vw;
    }

    h3 {
        font-size: 3.2vw;
        line-height: 2vw;
    }

    h5 {
        font-size: 1vw;
        line-height: 1vw;
    }
 

    .botao-saibamais {
        box-shadow: inset -4px -3px 0px 0px #9ED2CE;
        font-size: 1.4vw;
        padding-left: 3vw;
        padding-right: 3vw;
        font-weight: 400;
    }

    .mapa {
        height: 33vw;
    }

    .sessao {
        top: 89vw;
        left: 42vw;
    }  

    .sessao-1 {
        top: 28vw;
    }

    .sessao-2 {
        padding-bottom: 13vw;
    }    

    .sessao-2__produto {
        width: 18vw;
        height: 22vw;
        margin: 1.5vw;
    }   

    .sessao-2__produto-nome {
        padding-top: 1.5vw;
        padding-bottom: 0.8vw;
    }

    .sessao-3 {
        top: -7vw; 
    }    

    .sessao-3__inicio {
        padding-left: 12vw;
        padding-right: 22vw;
    }

    .sessao-3__inicio h2 {
        font-size: 2.8vw;
        padding-left: 2vw;
        line-height: 3.2vw;
    }

    .sessao-3__form h2 {
        font-size: 1.3vw;
        line-height: 1.3vw;
    }
    
    .sessao-3__form h2 {
        font-size: 1.3vw;
        line-height: 1vw;
        text-align: left;
        padding-left: 1vw;
        padding-top: 1vw;
    }

    .sessao-4 {
        padding-left: 25vw;
        padding-right: 25vw;
    }   

    .sessao-4 h2 {
        line-height: 2vw;
        padding-left: 4vw;
        padding-right: 4vw;
    }    

    .sessao-4 h3 {
        font-size: 3vw;
        line-height: 3.5vw;
    }

    .sessao-4__item-img {
        width: 10vw;
    }

    .sessao-4__item-texto {
        font-size: 1.4vw;
        line-height: 1.8vw;
        padding: 1vw;
    }

    .sessao-4__instagram {
        padding-top: 0vw;  
        padding-left: 22vw;
        padding-right: 22vw;
    }

    .sessao-4__item {
        grid-gap: 0vw;
        padding-left: 7vw;
        padding-right: 7vw;
    }

    .sessao-4__instagram-texto {
        display: grid;
        grid-template-columns: 2fr 1fr;
        padding-top: 2vw;
        padding-left: 3vw;
        padding-right: 3vw;        
    }

    .sessao-4__instagram h4 {
        font-size: 4.5vw;
        line-height: 4.5vw;
        text-align: left;
    }
    
    .sessao-4__instagram p {
        text-align: right;
        font-size: 1.6vw;
        line-height: 2vw;
        padding-top: 3vw;
    }  

    .sessao-5 {
        padding: 3vw 18vw 1vw 18vw;
    }

    .sessao-5 p {
        font-size: 1.5vw;
        line-height: 2.2vw;
    }

    .sessao-5 h4 {
        line-height: 10vw;
        font-size: 3.5vw;
    }

    .sessao-6 {
        padding: 3vw 20vw 2vw 20vw;
    }

    .sessao-6__botao {
        top: -26vw;
    }

    .sessao-7 {
        top: 4vw;
    }

    .sessao-7 h4 {
        font-size: 3.5vw;
        line-height: 0;
    }


    .sessao-8 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 17vw 0vw 3vw 0vw;
    }

    .sessao-8__produtos {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 5vw 0vw 0 0vw;
    }

    .sessao-9 {
        top: 33vw;
        left: 40vw;
    }

    .sessao-10 h4 {
        font-size: 3vw;
        line-height: 4vw;
        text-align: center;
    }

    .sessao-10__info {
        padding: 1vw 36vw 5vw 36vw;
    }

    .sessao-10__info-icone {
        width: 4.5vw;
    }

    .sessao-10 p {
        font-size: 1.5vw;
        line-height: 2vw;
        padding-top: 1vw;
    }

    .sessao-11__form {
        padding: 3vw 8vw;
    }

    .sessao-12 {
        top: 28vw;
        left: 34vw;
    }    

    .sessao-12 h4 {
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .form__linha {
        padding-top: 0.4vw;
    }

    .form__botao {
        text-align: right;
    }

    input[type="radio"] {
      width: 1.6vw;
      height: 1.6vw;
      border: 2px solid white;
    }

    input[type="text"], input[type="email"], input[type="password"], textarea {
        font-size: 1vw;
        border-radius: 0.5vw;
        padding: 0.5vw 2vw;
        margin: 0.3vw;
    }    

    input[type="submit"] {
      box-shadow: inset -0.5vw -0.4vw 0px 0px #0092D1;
      font-size: 1.3vw;
      padding: 0.6vw 3vw 1vw 3vw;
      margin-top: 1vw;
    }    


    /* Footer */

    .footer {
        font-size: 1.2vw;
        line-height: 2vw;
    }

    .footer__links {
        padding-top: 1.5vw;
    }


    .footer__conteudo {
        top: 14vw;
        display: grid;
        grid-template-columns: 4fr 2fr 4fr 1fr;
        color: #fff;
        text-align: left;
    }

    .footer__conteudo {
        padding: 0vw 15vw 0 15vw;
    }

    .footer a {
        font-weight: bold;
        line-height: 2.2vw;
    }            

    .footer__logo {
        width: 17vw;
        padding-bottom: inherit;
    }
   
    .footer__icone {
        width: 2vw;
    } 

    .direitos {
        font-size: 1.3vw;
    }   

    .botao-azul {
        font-size: 1.8vw;
    }    

}

@media screen and (min-width: 1200px)  { 

.footer {
    font-size: 1.2vw;
    line-height: 2vw;
  }

   .footer a {
    line-height: 2vw;
  }

    .navbar {
        padding-left: 22vw;
        padding-right: 22vw;
    }

    .navbar-brand {
        padding-top: 2.2vw;
        padding-bottom: 1.8vw;
        width: 18vw;
    }

    .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
        font-size: 1vw;
        padding-left: 0.7vw;
        padding-right: 0.7vw;
    }

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link {
        font-size: 1vw;
        padding-left: 0.7vw;
        padding-right: 0.7vw;
    }

    .botao-menu {
        font-size: 1vw;
    }

   .nav-botao {
        padding-top: 0.3vw;
    }

    .sessao {
        top: 81vw;
    }

    .sessao-5 {
        padding: 3vw 22vw 1vw 22vw;
    }

    .sessao-6__botao {
        top: -23vw;
    }

    .sessao-6 {
        padding: 3vw 25vw 2vw 25vw;
    }

    .sessao-7 {
        top: 5vw;
    }
    
    .sessao-8 {
        padding: 14vw 0vw 3vw 0vw;
    }

    .sessao-8__produtos {
        padding: 5vw 0vw 0 0vw;
    }

    .sessao-11__form {
        padding: 3vw 15vw;
    }

    .video-container {
        height: 90vw;
    }

    .container {
        width: 790px;
    }

}

@media screen and (min-width: 1400px)  {

    .sessao {
        top: 66vw;
    }

    .video-container {
        height: 77vw;
    }

    .footer__icone {
        width: 1.5vw;
    }

    .footer {
        font-size: 1vw;
        line-height: 1.8vw;
    }

     .footer__conteudo {
        grid-template-columns: 8fr 4fr 7fr 1fr;
        padding: 1vw 15vw 0 15vw;
      }

    .direitos {
        font-size: 1.2vw;
    }

}


@media screen and (min-width: 1920px)  {

    .sessao-8 {
        padding: 12vw 0vw 3vw 0vw;
    }

    .video-container {
        height: 57vw;
    }

    .sessao {
        top: 47vw;
    }

    .container {
        width: 1075px;
    }

    .sessao-7 h4 {
        font-size: 3vw;
    }

    .navbar {
        padding-left: 23vw;
        padding-right: 23vw;
    }

     .footer__logo {
    width: 15vw;
    padding-bottom: inherit;
  }

  .footer {
    font-size: 0.9vw;
    line-height: 1.4vw;
  }

  .footer__conteudo {
    grid-template-columns: 8fr 4fr 7fr 1fr;
    padding: 2vw 21vw 0 20vw;
  }

   .direitos {
    font-size: 0.8vw;
  }

   .esconder {
    height: 4vw;
    margin-top: -24vw;
  }

}