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%);
}
#soybean_breeding,
#communuty_outreach,
#corn_breeding,
#coxilha_research_station,
#facilities,
#field_solutions,
#general_information,
#on_farm_research_operations,
#outside_site_research_operations,
#plant_health,
#quility_management,
#sshe,
#sustainability {
  /* border: 3px solid red; */
}

/* Menu */
#soybean_breeding {
  height: 70px;
  width: 320px;
  position: fixed;
  top: calc((100% - 800px) / 2);
  left: calc((100% - 1350px) / 2);
  display: none;
}

/* Menu */
#communuty_outreach {
  height: 80px;
  width: 430px;
  position: fixed;
  bottom: calc((100% - 800px) / 2);
  left: calc((100% - 1100px) / 2);
  display: none;
}

/* Menu */
#corn_breeding {
  height: 70px;
  width: 310px;
  position: fixed;
  top: calc((100% - 620px) / 2);
  right: calc((100% - 1180px) / 2);
  display: none;
}

/* Menu */
#coxilha_research_station {
  height: 90px;
  width: 380px;
  position: fixed;
  bottom: calc((100% - 570px) / 2);
  left: calc((100% - 800px) / 2);
  display: none;
}

/* Menu */
#field_solutions {
  height: 80px;
  width: 320px;
  position: fixed;
  top: calc((100% - 840px) / 2);
  right: calc((100% - 1530px) / 2);
  display: none;
}

/* Menu */
#facilities {
  height: 70px;
  width: 190px;
  position: fixed;
  top: calc((100% - 280px) / 2);
  left: calc((100% - 560px) / 2);
  display: none;
}

/* Menu */
#general_information {
  height: 90px;
  width: 390px;
  position: fixed;
  bottom: calc((100% - 520px) / 2);
  right: calc((100% - 970px) / 2);
  display: none;
}

/* Menu */
#on_farm_research_operations {
  height: 100px;
  width: 380px;
  position: fixed;
  top: calc((100% - 390px) / 2);
  right: calc((100% - 1100px) / 2);
  display: none;
}

/* Menu */
#outside_site_research_operations {
  height: 90px;
  width: 390px;
  position: fixed;
  bottom: calc((100% - 150px) / 2);
  right: calc((100% - 1440px) / 2);
  display: none;
}

/* Menu */
#plant_health {
  height: 60px;
  width: 270px;
  position: fixed;
  top: calc((100% - 650px) / 2);
  left: calc((100% - 650px) / 2);
  display: none;
}

/* Menu */
#quility_management {
  height: 70px;
  width: 380px;
  position: fixed;
  top: calc((100% - 380px) / 2);
  left: calc((100% - 1550px) / 2);
  display: none;
}

/* Menu */
#sshe {
  height: 60px;
  width: 170px;
  position: fixed;
  bottom: calc((100% - 350px) / 2);
  left: calc((100% - 1150px) / 2);
  display: none;
}

/* Menu */
#sustainability {
  height: 60px;
  width: 270px;
  position: fixed;
  top: calc((100% - 20px) / 2);
  left: calc((100% - 1500px) / 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) {
  /* Menu */
  #soybean_breeding {
    top: calc((100% - 700px) / 2);
    left: calc((100% - 1250px) / 2);
  }

  /* Menu */
  #communuty_outreach {
    bottom: calc((100% - 700px) / 2);
    left: calc((100% - 1000px) / 2);
  }

  /* Menu */
  #corn_breeding {
    top: calc((100% - 540px) / 2);
    right: calc((100% - 1080px) / 2);
  }

  /* Menu */
  #coxilha_research_station {
    width: 300px;
    bottom: calc((100% - 490px) / 2);
    left: calc((100% - 650px) / 2);
  }

  /* Menu */
  #field_solutions {
    top: calc((100% - 750px) / 2);
    right: calc((100% - 1400px) / 2);
  }

  /* Menu */
  #facilities {
    top: calc((100% - 250px) / 2);
    left: calc((100% - 500px) / 2);
  }

  /* Menu */
  #general_information {
    height: 70px;
    width: 330px;
    bottom: calc((100% - 425px) / 2);
    right: calc((100% - 800px) / 2);
  }

  /* Menu */
  #on_farm_research_operations {
    height: 80px;
    width: 330px;
    top: calc((100% - 330px) / 2);
    right: calc((100% - 950px) / 2);
  }

  /* Menu */
  #outside_site_research_operations {
    height: 80px;
    width: 330px;
    bottom: calc((100% - 130px) / 2);
    right: calc((100% - 1200px) / 2);
  }

  /* Menu */
  #plant_health {
    width: 200px;
    top: calc((100% - 550px) / 2);
    left: calc((100% - 550px) / 2);
  }

  /* Menu */
  #quility_management {
    width: 350px;
    top: calc((100% - 330px) / 2);
    left: calc((100% - 1350px) / 2);
  }

  /* Menu */
  #sshe {
    bottom: calc((100% - 300px) / 2);
    left: calc((100% - 1000px) / 2);
  }

  /* Menu */
  #sustainability {
    width: 250px;
    top: calc((100% - 20px) / 2);
    left: calc((100% - 1300px) / 2);
  }
}