body {
  background-color: rgb(255, 255, 255);
  font: 300 0.813em/1.38 Lato;
  color: rgb(0, 0, 0);
}

.about {
  left: 14.9983723958%;
  z-index: 16;
  border-color: rgb(51, 51, 51);
}

.about:hover {
  border-color: rgb(128, 128, 128);
}

.about:active {
  border-color: rgb(51, 51, 51);
}

.abouttext {
  position: absolute;
  top: 0;
  left: 15.5716993051%;
  z-index: 21;
  width: 6.1759131953%;
  min-height: 21px;
  font-size: 1.231em;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.99);
  overflow: visible;
  display: none;
}

.abouttext:hover,
.contacttext:hover,
.hometext:hover,
.projectstext:hover,
.researchtext:hover {
  color: rgb(0, 0, 0);
}

.abouttext:active,
.abouttext:focus,
.contacttext:active,
.contacttext:focus,
.hometext:active,
.hometext:focus,
.projectstext:active,
.projectstext:focus,
.researchtext:active,
.researchtext:focus {
  color: rgba(0, 0, 0, 0.99);
}

.augumentedreality {
  position: absolute;
  top: 0;
  left: 39.4156901041%;
  z-index: 7;
  width: 145px;
  height: 23px;
  min-height: 20px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}

.chaos {
  position: absolute;
  top: 32px;
  left: 70.0208333333%;
  z-index: 8;
  width: 43px;
  height: 23px;
  min-height: 20px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}

.contact {
  left: 82.900390625%;
  z-index: 13;
  border-color: rgb(51, 51, 51);
}

.contact:hover,
.home:hover,
.menumain-2:hover,
.research:hover {
  border-color: rgb(166, 166, 166);
}

.contacttext {
  position: absolute;
  top: 0;
  left: 91.893649437%;
  z-index: 24;
  width: 8.0840548474%;
  min-height: 21px;
  font-size: 1.231em;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.99);
  overflow: visible;
  display: none;
}

.containermenu {
  position: relative;
  float: left;
  width: 80%;
  height: 91px;
  margin-left: 9.99349%;
  background-color: rgba(233, 233, 233, 0);
}

.containertextmenu {
  position: absolute;
  top: 91px;
  left: 10%;
  z-index: 26;
  width: 70.0807291666%;
  height: 22px;
}

.dataart {
  position: absolute;
  top: 55px;
  left: 46.25%;
  z-index: 3;
  width: 79px;
  height: 18px;
  min-height: 20px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}

.gis {
  position: absolute;
  top: 32px;
  left: 30.9781901041%;
  z-index: 5;
  width: 29px;
  height: 23px;
  min-height: 20px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}

.home {
  display: block;
  position: absolute;
  top: 59px;
  left: 0;
  z-index: 17;
  width: 16px;
  height: 20px;
  border: 1px solid rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
}

.hometext {
  position: absolute;
  top: 0;
  left: 0%;
  z-index: 25;
  width: 6.1759131953%;
  min-height: 21px;
  font-size: 1.231em;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.99);
  overflow: visible;
  display: none;
}

.linemenu {
  position: relative;
  float: left;
  z-index: 12;
  width: 100%;
  height: 1px;
  margin-top: 69px;
  background-color: rgb(24, 24, 24);
}

.maincontainerprojects {
  float: left;
  clear: both;
  width: 100%;
  height: 944px;
  margin-top: 24px;
}

.menumain {
  display: block;
  position: absolute;
  top: 60px;
  width: 18px;
  height: 18px;
  border-width: 1px;
  border-style: solid;
  border-radius: 100px;
  background-color: rgb(255, 255, 255);
}

.order {
  position: absolute;
  top: 64px;
  left: 78.3125%;
  z-index: 9;
  width: 45px;
  height: 23px;
  min-height: 20px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}

.peopleflow {
  position: absolute;
  top: 23px;
  left: 56.5208333333%;
  z-index: 6;
  width: 91px;
  height: 23px;
  min-height: 20px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}

.performances {
  position: absolute;
  height: 23px;
  min-height: 20px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}

.projectsmenu {
  position: relative;
  float: left;
  clear: both;
  width: 80%;
  height: 84px;
  margin: 40px 0 0 10%;
}

.projectstext {
  position: absolute;
  top: 0;
  left: 41.1318791572%;
  z-index: 22;
  width: 8.6786072609%;
  min-height: 21px;
  font-size: 1.231em;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.99);
  overflow: visible;
  display: none;
}

.randomstills {
  position: absolute;
  top: 41px;
  left: 87.9996744791%;
  z-index: 4;
  width: 100px;
  height: 23px;
  min-height: 20px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}

.research {
  left: 59.462890625%;
  z-index: 14;
  border-color: rgb(51, 51, 51);
}

.researchtext {
  position: absolute;
  top: 0;
  left: 64.9084017687%;
  z-index: 23;
  width: 9.035338709%;
  min-height: 21px;
  font-size: 1.231em;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.99);
  overflow: visible;
  display: none;
}

.theater {
  position: absolute;
  top: 18px;
  left: 17.9166666666%;
  width: 63px;
  height: 23px;
  min-height: 20px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}

.virtualreallity {
  position: absolute;
  top: 64px;
  left: 19.5198567708%;
  z-index: 2;
  width: 110px;
  height: 23px;
  min-height: 20px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}

.menumain-2 {
  left: 38.642578125%;
  z-index: 15;
  border-color: rgb(166, 166, 166);
}

.performances-1 {
  top: 0;
  left: 7.5%;
  z-index: 10;
  width: 32px;
}

.performances-2 {
  top: 50px;
  left: 3.25%;
  z-index: 1;
  width: 132px;
}

.projects-1 {
  position: absolute;
  top: 48px;
  left: 42.4967447916%;
  z-index: 18;
  width: 15%;
  min-height: 44px;
  font-size: 2.077em;
  text-align: center;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}

@media(max-width: 850px) {
  .containermenu {
    margin-left: 9.99265%;
  }

  .containermenu .linemenu {
    position: relative;
    z-index: 12;
  }

  .containertextmenu .abouttext {
    width: 9.2332712535%;
  }

  .containertextmenu .contacttext {
    width: 11.0799255042%;
  }

  .containertextmenu .hometext {
    width: 8.5591375285%;
  }

  .containertextmenu .projectstext {
    width: 12.5908244366%;
  }

  .containertextmenu .researchtext {
    width: 11.7514361409%;
  }

  .containermenu .projects-1 {
    top: 10px;
    left: 42.5091911764%;
  }
}