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

.about {
  left: 14.9983723958%;
  z-index: 4;
  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: 15;
  width: 6.1759131953%;
  min-height: 21px;
  font-size: 1em;
  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);
}

.addressuk {
  float: left;
  width: 163px;
  margin-top: 89px;
  padding: 5px;
  font-size: 1em;
  line-height: 0.48;
  color: rgb(0, 0, 0);
}

.contactdetails {
  position: relative;
  float: left;
  clear: both;
  width: 25.6002604166%;
  height: 434px;
  margin: 109px 0 0 30.41667%;
}

.contactname {
  position: absolute;
  top: 0;
  left: -0.0610345354%;
  z-index: 8;
  width: 144px;
  min-height: 44px;
  font-size: 1.125em;
  letter-spacing: 2px;
  color: rgb(0, 0, 0);
}

.contacttext {
  position: absolute;
  top: 0;
  left: 91.893649437%;
  z-index: 18;
  width: 8.0840548474%;
  min-height: 21px;
  font-size: 1em;
  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: 10%;
  background-color: rgba(233, 233, 233, 0);
}

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

.email {
  float: left;
  clear: both;
  width: 225px;
  min-height: 28px;
  margin: 141px 0 0 -0.05595%;
  padding: 5px;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.end {
  float: left;
  clear: both;
  width: 6.1688311688%;
  min-height: 23px;
  margin: 5px 0 0 2.15157%;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.home {
  display: block;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 5;
  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: 19;
  width: 6.1759131953%;
  min-height: 21px;
  font-size: 1em;
  letter-spacing: 2px;
  color: rgba(0, 0, 0, 0.99);
  overflow: visible;
  display: none;
}

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

.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);
}

.projects {
  left: 38.642578125%;
  z-index: 3;
  border-color: rgb(51, 51, 51);
}

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

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

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

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

.telephone {
  float: left;
  clear: both;
  width: 307px;
  min-height: 21px;
  margin-top: 18px;
  padding: 5px;
  font-size: 1em;
  line-height: 0.38;
  color: rgb(0, 0, 0);
}

.addressuk p,
.telephone p,
.textaddreesathens p {
  margin-bottom: 1em;
}

.textaddreesathens {
  position: absolute;
  top: 190px;
  left: -0.0651035044%;
  z-index: 9;
  width: 163px;
  padding: 5px;
  font-size: 1em;
  line-height: 0.48;
  color: rgb(0, 0, 0);
}

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

.menumain-4 {
  left: 82.900390625%;
  z-index: 1;
  border-color: rgb(166, 166, 166);
}

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

  .contactdetails .email {
    margin-left: -0.05027%;
  }

  .contactdetails .end {
    margin-left: 20.14936%;
  }

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

  .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 .contact-1 {
    top: 6px;
    left: 42.5%;
  }
}