@font-face {
	font-family: 'Print Char 21';
	src: url('PrintChar21.ttf');
	src: url('PrintChar21.ttf') format('truetype');
}
@font-face {
	font-family: 'PrintChar21';
	src: url('PrintChar21.ttf');
	src: url('PrintChar21.ttf') format('truetype');
}
body {
  height: 100%;
  background: url('../images/neugif.gif') rgb(15, 15, 15);
  background-size: contain;
  background-position: left top;
  font: normal 1em/1.38 PrintChar21;
  color: rgb(70, 162, 171);
}

.container {
  float: left;
}

.element {
  float: left;
  width: 47.4278544542%;
  height: 190px;
  margin: 32px 0 0 52.43883%;
  background-color: rgb(222, 222, 222);
}

.glitch {
  float: left;
  width: 51.8691588785%;
  min-height: 47px;
  margin-left: 0.3258%;
  font-size: 1em;
  line-height: 1.38;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
}

.html {
  position: relative;
  float: left;
  z-index: 20;
  margin: 42px 0 0 3.81313%;
  overflow: hidden;
}

.image {
  display: block;
  position: absolute;
  height: auto;
  opacity: 0.5;
  overflow: hidden;
}

.image:hover {
  opacity: 1;
}

.text {
  float: left;
  font-size: 1em;
  line-height: 1.38;
}

.text-6 p {
  margin-bottom: 1em;
}

._button {
  display: block;
  position: relative;
  float: left;
  clear: both;
  z-index: 8;
  height: 22px;
  margin: -16px 0 0 1.50806%;
  background-color: rgb(70, 162, 171);
  font-size: 1em;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

._container {
  clear: both;
}

.container ._container {
  position: relative;
  width: 100%;
  height: 66px;
  margin-left: -0.12155%;
}

.container-1 {
  width: 23.9166666666%;
  height: 58px;
  margin: 10px 0 0 16.54297%;
}

.container-2 {
  width: 39.1666666666%;
  height: 136px;
  margin: 68px 0 0 16.88151%;
}

.container-3 {
  width: 66.4166666666%;
  height: 249px;
  margin: 22px 0 0 16.91667%;
  border-top: 1px solid rgb(11, 25, 26);
}

.container-4 {
  width: 66.4166666666%;
  height: 377px;
  margin: 19px 0 0 16.88151%;
}

.container-5 {
  margin: -20px 0 0 100.68029%;
}

.image-1 {
  top: 34px;
  left: 74.1432716436%;
  z-index: 19;
  width: 196px;
}

.image-2 {
  top: 20px;
  left: 56.3676286072%;
  z-index: 18;
  width: 112px;
}

.image-3 {
  top: 24px;
  left: 43.6951066499%;
  z-index: 17;
  width: 101px;
}

.image-4 {
  top: 18px;
  left: 0;
  z-index: 16;
  width: 117px;
}

.image-5 {
  top: 7px;
  left: 34.1240589711%;
  z-index: 15;
  width: 54px;
}

.image-6 {
  top: 20px;
  left: 17.0639899623%;
  z-index: 14;
  width: 76px;
}

.text-1 {
  width: 66.3333333333%;
  min-height: 39px;
  margin: 26px 0 0 16.91667%;
  font-family: 'Print Char 21';
  font-weight: 400;
  color: rgb(245, 250, 251);
}

.text-2 {
  position: relative;
  z-index: 9;
  width: 35.6968215158%;
  min-height: 39px;
  margin: 6px 0 0 1.44273%;
  font-family: 'Print Char 21';
  font-weight: 400;
  color: rgb(173, 217, 221);
}

.text-3 {
  width: 30.0833333333%;
  min-height: 79px;
  margin: 94px 0 0 12.67188%;
  text-shadow: 54px 25px 5px rgba(91, 101, 143, 0.5);
  color: rgb(70, 162, 171);
}

.text-4 {
  clear: both;
  width: 108.1775700934%;
  min-height: 53px;
  margin-left: 0.3258%;
  color: rgb(70, 162, 171);
}

.text-5 {
  clear: both;
  width: 66.4166666666%;
  min-height: 42px;
  margin-left: 16.88151%;
  text-align: justify;
  color: rgb(70, 162, 171);
}

.text-6 {
  clear: both;
  width: 39.1666666666%;
  min-height: 358px;
  margin: 37px 0 0 16.88151%;
  font-family: 'Print Char 21';
  font-weight: 400;
  color: rgb(70, 162, 171);
}

.text-7 {
  clear: both;
  width: 100%;
  min-height: 42px;
  margin-top: 34px;
  padding-bottom: 145px;
  text-align: justify;
  color: rgba(245, 250, 251, 0.48);
}

.text a {
  text-decoration: inherit;
  color: rgb(136, 200, 206);
}

.text a:hover,
.text em {
  text-decoration: underline;
}

.text span {
  text-decoration: inherit;
  color: rgb(173, 217, 221);
}

@media(max-width: 1024px) {
  .container .element {
    width: 63.5206543215%;
    height: 193px;
    margin-top: 22px;
    margin-left: 36.27947%;
  }

  .container .glitch,
  .container .text-4 {
    margin-left: 0.32336%;
  }

  .container .html {
    position: relative;
    z-index: 20;
    margin-left: 3.81257%;
  }

  .container .image {
    height: auto;
  }

  .container ._button {
    position: relative;
    z-index: 8;
    margin-left: 1.50568%;
  }

  .container ._container {
    width: 99.9862151357%;
    height: 128px;
    margin-left: -0.11949%;
  }

  .container .container-5 {
    margin-left: 100.67785%;
  }

  .container .image-1 {
    top: 97px;
    left: 46.6562485636%;
  }

  .container .image-2 {
    top: 88px;
    left: 22.8064530955%;
  }

  .container .image-3 {
    top: 29px;
    left: 65.1359654364%;
    width: 112px;
  }

  .container .image-4 {
    top: 23px;
    left: 19.2647058823%;
  }

  .container .image-5 {
    top: 12px;
    left: 53.9705882352%;
  }

  .container .image-6 {
    top: 25px;
    left: 39.7058823529%;
  }

  .container .text-2 {
    position: relative;
    z-index: 9;
    margin-left: 1.44188%;
  }

  .container .text-7 {
    margin-top: 14px;
  }

  .container-1 {
    margin-left: 16.54053%;
  }

  .container-3 {
    margin-left: 16.91437%;
  }

  .container-4 {
    width: 66.40625%;
    height: 313px;
    margin-left: 16.89301%;
  }

  .text-1 {
    margin-left: 16.8808%;
    font-size: 0.938em;
  }

  .text-3 {
    margin-left: 12.6709%;
  }

  .container-2,
  .text-5 {
    margin-left: 16.8808%;
  }

  .text-6 {
    width: 59.5294117647%;
    margin-left: 16.8808%;
    text-shadow: 50px -4px 2px rgb(35, 58, 61);
  }
}

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

  .container .element {
    width: 99.9058953778%;
    height: 222px;
    margin-top: 26px;
    margin-left: -0.13009%;
  }

  .container .glitch,
  .container .text-4 {
    margin-left: 0.31916%;
  }

  .container .html {
    position: relative;
    z-index: 20;
    margin-left: 3.80676%;
  }

  .container .image {
    height: auto;
  }

  .container ._button {
    position: relative;
    z-index: 8;
    margin-left: 1.49885%;
  }

  .container ._container {
    margin-left: -0.1218%;
  }

  .container .container-5 {
    margin-left: 100.6782%;
  }

  .container .image-3 {
    left: 69.261351052%;
  }

  .container .image-4 {
    left: 10.2225913621%;
  }

  .container .image-5 {
    top: 13px;
    left: 55.6533776301%;
  }

  .container .image-6 {
    top: 23px;
    left: 35.3122923588%;
  }

  .container .text-2 {
    position: relative;
    z-index: 9;
    margin-left: 1.43736%;
  }

  .container-1 {
    margin-left: 16.53493%;
  }

  .container-3 {
    margin-top: 220px;
    margin-left: 16.90993%;
  }

  .container-4 {
    margin-left: 16.88971%;
  }

  .text-3 {
    margin-left: 12.66912%;
  }

  .container-2,
  .text-1,
  .text-5 {
    margin-left: 16.87868%;
  }

  .text-6 {
    margin-left: 16.82353%;
  }
}

@media(max-width: 640px) {
  .container .element {
    width: 101.1615938832%;
    margin-top: 36px;
    margin-left: -1.45567%;
  }

  .container .glitch,
  .container .text-4 {
    margin-left: 0.32415%;
  }

  .container .html {
    position: relative;
    z-index: 20;
    margin-left: 3.80571%;
  }

  .container .image {
    height: auto;
  }

  .container ._button {
    position: relative;
    z-index: 8;
    margin-left: 1.4904%;
  }

  .container ._container {
    margin-left: -0.11765%;
  }

  .container .container-5 {
    margin-left: 100.67647%;
  }

  .container .image-2 {
    left: 14.5918517429%;
  }

  .container .image-4 {
    left: 7.8143844683%;
  }

  .container .text-2 {
    position: relative;
    z-index: 9;
    margin-left: 1.42915%;
  }

  .container-1 {
    margin-left: 10%;
  }

  .container-3 {
    margin-top: 88px;
    margin-left: 16.90918%;
  }

  .container-4 {
    margin-left: 16.89209%;
  }

  .text-1 {
    width: 79.84375%;
    margin-left: 10%;
  }

  .text-3 {
    margin-left: 19.21875%;
  }

  .container-2,
  .text-5 {
    margin-left: 16.875%;
  }

  .text-6 {
    width: 72.96875%;
    margin-left: 16.875%;
  }
}

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

  .container .element {
    width: 99.6062992125%;
    height: 146px;
    margin-top: 33px;
    margin-left: 0;
  }

  .container .glitch {
    margin-left: 0.32223%;
    font-size: 1.143em;
  }

  .container .html {
    position: relative;
    z-index: 20;
    margin-left: 3.81123%;
  }

  .container .image {
    left: 0;
    right: 0;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .container .text {
    font-size: 1.143em;
  }

  .container ._button {
    position: relative;
    z-index: 8;
    height: 29px;
    margin-left: 1.3848%;
    font-size: 14px;
  }

  .container ._container {
    clear: none;
    height: 352px;
    margin-left: 0;
  }

  .container .container-5 {
    margin-left: 100%;
  }

  .container .image-1 {
    top: 335px;
    width: 91.699604743%;
  }

  .container .image-2 {
    top: 284px;
    width: 49.4071146245%;
  }

  .container .image-3 {
    top: 143px;
    width: 67.9841897233%;
  }

  .container .image-4 {
    width: 49.4071146245%;
  }

  .container .image-5 {
    top: 192px;
    width: 29.2490118577%;
  }

  .container .image-6 {
    top: 80px;
    width: 49.4071146245%;
  }

  .container .text-2 {
    position: relative;
    z-index: 9;
    margin-left: 1.42157%;
  }

  .container .text-4 {
    margin-left: 0.32223%;
  }

  .container .text-7 {
    width: 100.1332536874%;
    margin-top: 19px;
    margin-left: -0.12969%;
    text-align: left;
  }

  .container-1 {
    width: 79.6875%;
    margin-top: 23px;
  }

  .container-2 {
    width: 80.3125%;
    height: 182px;
    margin-top: 37px;
    margin-left: 10%;
  }

  .container-3 {
    width: 79.375%;
    height: 179px;
    margin-top: 12px;
    margin-left: 10%;
  }

  .container-4 {
    width: 79.0625%;
    height: 750px;
    margin-top: 30px;
    margin-left: 10%;
  }

  .text-1 {
    width: 79.6875%;
    font-style: normal;
    font-size: 1em;
  }

  .text-3 {
    clear: both;
    width: 80%;
    margin-top: 19px;
    margin-left: 10%;
    font-size: 14px;
  }

  .text-5 {
    width: 80%;
    margin-top: 50px;
    margin-left: 10%;
    font-size: 14px;
    text-align: left;
  }

  .text-6 {
    width: 80.625%;
    margin-top: 33px;
    margin-left: 10%;
    font-size: 14px;
  }
}