body {
  height: 100vh;
  background-color: #202123;
  color: #777;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", sans-serif;
}

.video {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: fill;
}

video {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.video-full {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: 100vh;
  min-height: 798px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#melhoramento_de_milho,
#melhoramento_de_soja,
#testing_interno,
#integracao_com_a_comunidade,
#sorriso,
#time_qms,
#time_regulamentacao,
#sustentabilidade_segurança_saude_meio_ambiente,
#julio_valaski,
#sustentabilidade,
#time_production_research,
#time_plant_health,
#time_field_solutions,
#desenvolvimento_de_mercado,
#time_strategy_enabling,
#testing_externo {
  /* border: 3px solid red; */
}

/* VIDEOS */
#melhoramento_de_milho {
  height: 40px;
  width: 180px;
  position: fixed;
  top: calc((100% - 680px) / 2);
  left: calc((100% - 1230px) / 2);
  display: none;
}

#melhoramento_de_soja {
  height: 40px;
  width: 270px;
  position: fixed;
  top: calc((100% - 430px) / 2);
  left: calc((100% - 1630px) / 2);
  display: none;
}

/* //On Farm Research Operations */
#testing_interno {
  height: 40px;
  width: 380px;
  position: fixed;
  top: calc((100% - 690px) / 2);
  left: calc((100% - 610px) / 2);
  display: none;
}

/* //Community Outreach */
#integracao_com_a_comunidade {
  height: 40px;
  width: 320px;
  position: fixed;
  bottom: calc((100% - 380px) / 2);
  left: calc((100% - 1480px) / 2);
  display: none;
}

/* //Sorriso rearch station */
#sorriso {
  height: 60px;
  width: 350px;
  position: fixed;
  bottom: calc((100% - 830px) / 2);
  left: calc((100% - 1100px) / 2);
  display: none;
}

/* //Quality Management */
#time_qms {
  height: 60px;
  width: 380px;
  position: fixed;
  top: calc((100% - 480px) / 2);
  left: calc((100% - 810px) / 2);
  display: none;
}

/* //Regulatory */
#time_regulamentacao {
  height: 60px;
  width: 200px;
  position: fixed;
  top: calc((100% - 180px) / 2);
  left: calc((100% - 910px) / 2);
  display: none;
}

/* //Sshe */
#sustentabilidade_segurança_saude_meio_ambiente {
  height: 60px;
  width: 190px;
  position: fixed;
  top: calc((100% - 120px) / 2);
  left: calc((100% - 480px) / 2);
  display: none;
}

/* //Sshe */
#julio_valaski {
  height: 60px;
  width: 320px;
  position: fixed;
  bottom: calc((100% - 230px) / 2);
  left: calc((100% - 320px) / 2);
  display: none;
}

/* //Sustainability */
#sustentabilidade {
  height: 60px;
  width: 320px;
  position: fixed;
  top: calc((100% - 880px) / 2);
  right: calc((100% - 820px) / 2);
  display: none;
}

/* //Production Research */
#time_production_research {
  height: 60px;
  width: 340px;
  position: fixed;
  top: calc((100% - 700px) / 2);
  right: calc((100% - 1190px) / 2);
  display: none;
}

/* //Plant Health */
#time_plant_health {
  height: 60px;
  width: 340px;
  position: fixed;
  top: calc((100% - 500px) / 2);
  right: calc((100% - 1190px) / 2);
  display: none;
}

/* //Field Solutions */
#time_field_solutions {
  height: 60px;
  width: 240px;
  position: fixed;
  top: calc((100% - 600px) / 2);
  right: calc((100% - 1690px) / 2);
  display: none;
}

/* //Market Development */
#desenvolvimento_de_mercado {
  height: 60px;
  width: 320px;
  position: fixed;
  top: calc((100% - 310px) / 2);
  right: calc((100% - 1690px) / 2);
  display: none;
}

/* //Administrative & Operation */
#time_strategy_enabling {
  height: 60px;
  width: 420px;
  position: fixed;
  bottom: calc((100% - 210px) / 2);
  right: calc((100% - 1590px) / 2);
  display: none;
}

/* //Outside Site Research Operations */
#testing_externo {
  height: 60px;
  width: 520px;
  position: fixed;
  bottom: calc((100% - 610px) / 2);
  right: calc((100% - 1590px) / 2);
  display: none;
}

#voltar {
  height: 40px;
  width: 180px;
  position: fixed;
  background: #f44336;
  bottom: 90px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #fff;
}

.show-menu {
  display: initial !important;
}

@media (max-height: 767px) {
  #melhoramento_de_milho,
  #melhoramento_de_soja,
  #testing_interno,
  #integracao_com_a_comunidade,
  #sorriso,
  #time_qms,
  #time_regulamentacao,
  #sustentabilidade_segurança_saude_meio_ambiente,
  #julio_valaski,
  #sustentabilidade,
  #time_production_research,
  #time_plant_health,
  #time_field_solutions,
  #desenvolvimento_de_mercado,
  #time_strategy_enabling,
  #testing_externo {
    /* border: 3px solid #e91e63; */
  }
  /* Menu */
  #melhoramento_de_milho {
    top: calc((100% - 560px) / 2);
    left: calc((100% - 1030px) / 2);
  }

  #melhoramento_de_soja {
    top: calc((100% - 360px) / 2);
    left: calc((100% - 1430px) / 2);
  }

  /* //On Farm Research Operations */
  #testing_interno {
    top: calc((100% - 570px) / 2);
    left: calc((100% - 610px) / 2);
  }

  /* //Community Outreach */
  #integracao_com_a_comunidade {
    bottom: calc((100% - 320px) / 2);
    left: calc((100% - 1280px) / 2);
  }

  /* //Sorriso rearch station */
  #sorriso {
    bottom: calc((100% - 680px) / 2);
    left: calc((100% - 900px) / 2);
  }

  /* //Quality Management */
  #time_qms {
    top: calc((100% - 400px) / 2);
    left: calc((100% - 810px) / 2);
  }

  /* //Regulatory */
  #time_regulamentacao {
    top: calc((100% - 180px) / 2);
    left: calc((100% - 810px) / 2);
  }

  /* //Sshe */
  #sustentabilidade_segurança_saude_meio_ambiente {
    height: 60px;
    width: 140px;
    top: calc((100% - 120px) / 2);
    left: calc((100% - 380px) / 2);
  }

  /* //Sustainability */
  #sustentabilidade {
    top: calc((100% - 740px) / 2);
    right: calc((100% - 820px) / 2);
  }

  /* //Production Research */
  #time_production_research {
    height: 60px;
    width: 240px;
    top: calc((100% - 600px) / 2);
    right: calc((100% - 920px) / 2);
  }

  /* //Plant Health */
  #time_plant_health {
    height: 60px;
    width: 240px;
    top: calc((100% - 440px) / 2);
    right: calc((100% - 990px) / 2);
    display: none;
  }

  /* //Market Development */
  #desenvolvimento_de_mercado {
    height: 60px;
    width: 280px;
    position: fixed;
    top: calc((100% - 290px) / 2);
    right: calc((100% - 1390px) / 2);
    display: none;
  }

  /* //Field Solutions */
  #time_field_solutions {
    position: fixed;
    top: calc((100% - 500px) / 2);
    right: calc((100% - 1490px) / 2);
    display: none;
  }

  /* //Administrative & Operation */
  #time_strategy_enabling {
    height: 60px;
    width: 320px;
    position: fixed;
    bottom: calc((100% - 180px) / 2);
    right: calc((100% - 1300px) / 2);
    display: none;
  }

  /* //Outside Site Research Operations */
  #testing_externo {
    height: 60px;
    width: 420px;
    position: fixed;
    bottom: calc((100% - 510px) / 2);
    right: calc((100% - 1290px) / 2);
    display: none;
  }
}