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

.beyertext {
  float: left;
  margin: 18px 0 0 22.01071%;
  font-size: 1em;
  color: rgb(255, 255, 255);
}

.companyname {
  position: fixed;
  top: 39px;
  left: 0;
  right: 0;
  z-index: 10;
  width: 80%;
  min-height: 203px;
  margin: 0 auto;
  font-family: Arial;
  font-size: 9.375em;
  text-align: center;
  color: rgb(255, 255, 255);
  opacity: 0.92;
}

.container {
  position: relative;
  float: left;
  clear: both;
  z-index: 14;
  width: 55.2%;
  height: 51px;
  margin: -80px 0 0 22%;
}

.element {
  position: relative;
  float: left;
  margin-left: 10%;
}

.email {
  display: block;
  float: left;
  width: 36.25%;
  min-height: 41px;
  margin: 68px 0 0 31.99785%;
  font-family: Arial;
  font-style: italic;
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
}

.gnatpic {
  position: relative;
  float: left;
  z-index: 1;
  width: 80%;
  height: 550px;
  margin: -62px 0 0 10%;
  background: url('../images/DSCN3006.jpg') rgb(222, 222, 222);
  background-size: cover;
  background-position: center center;
}

.synths {
  float: left;
  margin: 102px 0 0 44.79004%;
  font-family: Arial;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.text {
  position: relative;
  float: left;
  clear: both;
  font-size: 1em;
}

.yellowblank {
  position: relative;
  float: left;
  clear: both;
  z-index: 3;
  width: 80%;
  height: 218px;
  margin-left: 10%;
  background-color: rgb(228, 230, 192);
}

.element-1 {
  clear: both;
  z-index: 7;
  width: 79.9166666666%;
  height: 732px;
  background: url('../images/IMG_2598.jpg') rgb(222, 222, 222);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.element-2 {
  z-index: 4;
  width: 80%;
  height: 1222px;
  background: url('../images/egs.jpg') rgb(222, 222, 222);
  background-size: cover;
  background-position: center center;
}

.element-3 {
  z-index: 8;
  width: 79.9166666666%;
  height: 607px;
  margin-top: -251px;
  background: url('../images/IMG_1177(2).jpg') rgb(222, 222, 222);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.element-4 {
  z-index: 6;
  width: 79.9166666666%;
  height: 159px;
  background-color: rgb(189, 190, 254);
}

.element-5 {
  clear: both;
  z-index: 0;
  width: 79.9166666666%;
  height: 195px;
  background-color: rgb(235, 235, 230);
}

.text-1 {
  z-index: 11;
  margin: -125px 0 0 42.39974%;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-2 {
  z-index: 12;
  margin: -375px 0 0 43.1992199999%;
  text-align: center;
  color: rgb(251, 249, 249);
}

.text-3 {
  z-index: 9;
  margin: -110px 0 0 28.79688%;
  color: rgb(0, 0, 0);
}

.companyname a,
.companyname strong {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: 700;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.text a {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: normal;
  font-size: inherit;
  font-weight: 700;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(255, 255, 255);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.synths span,
.text strong {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

@media(max-width: 1025px) {
  .companyname {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    font-size: 6.25em;
  }

  .container {
    position: relative;
    z-index: 14;
  }

  .container .beyertext {
    margin-left: 22.00989%;
  }

  .element {
    position: relative;
  }

  .element .email {
    margin-left: 31.99619%;
  }

  .gnatpic {
    position: relative;
    z-index: 1;
  }

  .text {
    position: relative;
  }

  .yellowblank {
    position: relative;
    z-index: 3;
  }

  .yellowblank .synths {
    margin-left: 44.78849%;
  }

  .element-1 {
    z-index: 7;
  }

  .element-2 {
    z-index: 4;
  }

  .element-3 {
    z-index: 8;
  }

  .element-4 {
    z-index: 6;
  }

  .element-5 {
    z-index: 0;
    width: 79.9161585365%;
  }

  .text-1 {
    z-index: 11;
    margin-top: -117px;
    margin-left: 43.19817%;
  }

  .text-2 {
    z-index: 12;
    margin-left: 43.19817%;
  }

  .text-3 {
    z-index: 9;
    margin-left: 28.79878%;
    font-style: normal;
    font-size: 0.75em;
  }
}

@media(max-width: 420px) {
  body {
    font-size: 1em;
  }

  .companyname {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    font-size: 3.125em;
  }

  .container {
    position: relative;
    z-index: 14;
    margin-top: -109px;
    margin-left: 19.85491%;
  }

  .container .beyertext {
    margin-left: 22.0058%;
  }

  .element {
    position: relative;
  }

  .element .email {
    width: 50.8928571428%;
    margin-left: 24.69159%;
  }

  .gnatpic {
    position: relative;
    z-index: 1;
  }

  .text {
    position: relative;
  }

  .yellowblank {
    position: relative;
    z-index: 3;
  }

  .yellowblank .synths {
    margin-left: 36.11421%;
  }

  .element-1 {
    z-index: 7;
  }

  .element-2 {
    z-index: 4;
  }

  .element-3 {
    z-index: 8;
  }

  .element-4 {
    z-index: 6;
  }

  .element-5 {
    z-index: 0;
    width: 79.9144345238%;
  }

  .text-1 {
    z-index: 11;
    margin-top: -123px;
    margin-left: 29.54985%;
  }

  .text-2 {
    z-index: 12;
    margin-top: -374px;
    margin-left: 35.59896%;
  }

  .text-3 {
    z-index: 9;
    margin-top: -107px;
    margin-left: 19.85491%;
    font-size: 0.5em;
  }
}