body {
  background-color: rgb(255, 255, 255);
  font: 300 1.75em/0.4 'Open Sans';
  color: rgb(78, 78, 78);
}

.alex-urosevic {
  float: left;
  clear: both;
  width: 100%;
  min-height: 44px;
  margin-top: 73px;
  padding-right: 176px;
  padding-left: 176px;
  font-size: 1em;
  letter-spacing: 1px;
  color: rgb(78, 78, 78);
}

.bildcontainer {
  width: 100%;
  height: 506px;
  margin: 0 auto;
  background: url('../images/Involt_logo.jpg') rgb(222, 222, 222);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.container {
  float: left;
  clear: both;
  width: 100%;
  height: 114px;
  margin-top: 36px;
}

.footer {
  float: left;
  clear: both;
  width: 100%;
  height: 463px;
  background: url('../images/Involt_dark_logo(4).svg') rgb(62, 62, 62);
  background-repeat: no-repeat;
  background-size: 659.5px 174px;
  background-position: center center;
}

.gradient {
  float: left;
  clear: both;
  width: 22%;
  height: 1px;
  margin: 14px 0 0 148px;
  background: rgb(47, 47, 47);
  background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.28) 12.5%, rgb(47, 47, 47) 51.78571428571429%, rgba(0, 0, 0, 0.31) 90.11904761904762%, rgba(255, 255, 255, 0) 100%) rgb(255, 255, 255);
  background:    -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.28) 12.5%, rgb(47, 47, 47) 51.78571428571429%, rgba(0, 0, 0, 0.31) 90.11904761904762%, rgba(255, 255, 255, 0) 100%) rgb(255, 255, 255);
  background:      -o-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.28) 12.5%, rgb(47, 47, 47) 51.78571428571429%, rgba(0, 0, 0, 0.31) 90.11904761904762%, rgba(255, 255, 255, 0) 100%) rgb(255, 255, 255);
  background:     -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.28) 12.5%, rgb(47, 47, 47) 51.78571428571429%, rgba(0, 0, 0, 0.31) 90.11904761904762%, rgba(255, 255, 255, 0) 100%) rgb(255, 255, 255);
  background:         linear-gradient(450deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.28) 12.5%, rgb(47, 47, 47) 51.78571428571429%, rgba(0, 0, 0, 0.31) 90.11904761904762%, rgba(255, 255, 255, 0) 100%) rgb(255, 255, 255);
}

.mail {
  float: left;
  clear: both;
  width: 100%;
  min-height: 44px;
  margin-top: 1px;
  padding-left: 176px;
  font-size: 0.571em;
  font-weight: 400;
  line-height: 1.38;
  letter-spacing: 1px;
  color: rgb(50, 50, 50);
}

.text {
  float: left;
  width: 100%;
  min-height: 42px;
  padding-left: 176px;
  font-size: 0.571em;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 1px;
  color: rgb(0, 0, 0);
}

.alex-urosevic p,
.text p {
  margin-bottom: 1em;
}

.text-box {
  float: left;
  clear: both;
  width: 100%;
  height: 547px;
  background-color: rgb(255, 255, 255);
}

.website-text {
  float: left;
  width: 100%;
  min-height: 44px;
  margin-top: 65px;
  padding-right: 250px;
  padding-left: 176px;
  font-size: 0.571em;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 1px;
  color: rgb(147, 147, 147);
}

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

.website-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: inherit;
  font-size: inherit;
  font-weight: 800;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: 2px;
  word-spacing: 10px;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

@media(max-width: 800px) {
  .container .mail {
    margin-top: 4px;
    padding-left: 120px;
  }

  .container .text {
    padding-left: 120px;
  }

  .footer {
    height: 372px;
  }

  .text-box {
    height: 583px;
  }

  .text-box .alex-urosevic {
    margin-top: 69px;
    padding-left: 120px;
  }

  .text-box .container {
    height: 125px;
    margin-top: 35px;
  }

  .text-box .gradient {
    width: 36%;
    margin-left: 90px;
  }

  .text-box .website-text {
    margin-top: 51px;
    padding-right: 80px;
    padding-left: 120px;
  }
}

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

  .bildcontainer {
    height: 318px;
  }

  .container .mail {
    margin-top: 1px;
    padding-left: 80px;
  }

  .container .text {
    padding-left: 80px;
  }

  .footer {
    height: 301px;
    background-size: contain;
  }

  .text-box {
    height: 588px;
    margin-top: 5px;
  }

  .text-box .alex-urosevic {
    margin-top: 73px;
    padding-left: 80px;
  }

  .text-box .container {
    height: 105px;
    margin-top: 40px;
  }

  .text-box .gradient {
    width: 43%;
    margin-top: 19px;
    margin-left: 54px;
  }

  .text-box .website-text {
    margin-top: 47px;
    padding-right: 50px;
    padding-left: 80px;
  }
}

@media(max-width: 414px) {
  .bildcontainer {
    height: 253px;
  }

  .container .mail {
    margin-top: 4px;
    padding-left: 50px;
  }

  .container .text {
    margin-top: 2px;
    padding-left: 50px;
  }

  .footer {
    height: 223px;
  }

  .text-box {
    height: 617px;
  }

  .text-box .alex-urosevic {
    padding-left: 50px;
  }

  .text-box .container {
    height: 149px;
    margin-top: 42px;
  }

  .text-box .gradient {
    width: 56%;
    margin-top: 17px;
    margin-left: 31px;
  }

  .text-box .website-text {
    margin-top: 51px;
    padding-right: 36px;
    padding-left: 50px;
  }
}

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

  .bildcontainer {
    float: left;
    height: 188px;
    margin-right: 0;
    margin-left: 0;
  }

  .container .mail {
    position: relative;
    z-index: 1;
    margin-top: -2px;
    padding-left: 45px;
  }

  .container .text {
    position: relative;
    z-index: 2;
    margin-top: 0;
    padding-left: 45px;
  }

  .footer {
    float: none;
    clear: none;
    height: 190px;
    margin-right: auto;
    margin-left: auto;
  }

  .text-box {
    float: none;
    clear: none;
    margin-top: 188px;
    margin-right: auto;
    margin-left: auto;
  }

  .text-box .alex-urosevic {
    float: none;
    clear: none;
    margin-top: 211px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 45px;
  }

  .text-box .container {
    height: 96px;
    margin-top: 28px;
  }

  .text-box .gradient {
    width: 77%;
    margin-left: 6.07422%;
  }

  .text-box .website-text {
    margin-top: 37px;
    padding-right: 14px;
    padding-left: 45px;
    font-size: 0.536em;
    line-height: 1.5;
    letter-spacing: 0;
  }
}