body {
  height: 100%;
  background: none rgb(255, 255, 255);
  background-repeat: no-repeat;
  font: 700 1.25em/1.38 Helvetica;
  color: rgb(94, 194, 162);
}

.aep_logo_sm {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 21;
  width: 70px;
  height: 70px;
  background-image: url('../images/aep_logo_sm.svg');
  background-repeat: no-repeat;
  background-size: 70px 70px;
  background-position: left top;
}

.cc {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.cont {
  width: 100%;
}

.cont .cc {
  display: block;
  top: 30px;
  width: 620px;
  height: 50px;
  border-radius: 3px;
  background-image: url('../images/creativecomons.svg');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left top;
  font-size: 0.8em;
  font-weight: 400;
  text-align: center;
  color: rgb(0, 0, 0);
}

.emb_gallery300 {
  visibility: hidden;
  position: absolute;
  top: 161px;
  left: 0;
  right: 0;
  z-index: 3;
  width: 1px;
  height: 1px;
  margin: 0 auto;
  overflow: hidden;
}

.emb_gallery700 {
  position: absolute;
  top: 148px;
  left: 0;
  right: 0;
  z-index: 5;
  width: 700px;
  height: 700px;
  margin: 0 auto;
  overflow: hidden;
}

.hdr {
  position: absolute;
  top: 88px;
  left: 0;
  right: 0;
  z-index: 9;
  height: 38px;
  margin: 0 auto;
}

.link_fb {
  display: block;
  position: absolute;
  top: 0;
  left: 17.544117647%;
  z-index: 19;
  width: 8.2444852941%;
  height: 70px;
  background-image: url('../images/link_fb.svg');
  background-repeat: no-repeat;
  background-size: 70px 70px;
  background-position: left top;
}

.link_ig {
  display: block;
  position: absolute;
  top: 0;
  left: 8.7132352941%;
  z-index: 20;
  width: 8.2444852941%;
  height: 70px;
  background-image: url('../images/link_ig.svg');
  background-repeat: no-repeat;
  background-size: 70px 70px;
  background-position: left top;
}

.aep_logo_sm:hover,
.link_ig:hover {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.link_yt {
  display: block;
  position: absolute;
  top: 0;
  left: 26.3768382352%;
  z-index: 18;
  width: 8.2444852941%;
  height: 70px;
  background-image: url('../images/link_yt.svg');
  background-repeat: no-repeat;
  background-size: 70px 70px;
  background-position: left top;
}

.nav_about {
  display: block;
  position: absolute;
  top: 27px;
  left: 38.9834558823%;
  z-index: 17;
  width: 50px;
  height: 20px;
  background-image: url('../images/nav_about.svg');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left top;
}

.nav_app {
  display: block;
  position: absolute;
  top: 27px;
  left: 47.3455882352%;
  z-index: 16;
  width: 30px;
  height: 20px;
  background-image: url('../images/nav_app.svg');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left top;
}

.nav_contact {
  display: block;
  position: absolute;
  top: 27px;
  left: 87.7463235294%;
  z-index: 11;
  width: 67px;
  height: 20px;
  background-image: url('../images/nav_contact.svg');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left top;
}

.nav_container {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  z-index: 22;
  width: 850px;
  height: 70px;
  margin: 0 auto;
}

.nav_events {
  display: block;
  position: absolute;
  top: 27px;
  left: 63.7169117647%;
  z-index: 14;
  width: 58px;
  height: 20px;
  background-image: url('../images/nav_events.svg');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left top;
}

.nav_links {
  display: block;
  position: absolute;
  top: 27px;
  left: 80.325367647%;
  z-index: 12;
  width: 43px;
  height: 20px;
  background-image: url('../images/nav_links.svg');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left top;
}

.nav_rectangle {
  position: absolute;
  top: 0;
  left: 35.169117647%;
  z-index: 10;
  width: 551px;
  height: 70px;
  border: 1px solid rgb(94, 194, 162);
}

.nav_shop {
  display: block;
  position: absolute;
  top: 27px;
  left: 73.0147058823%;
  z-index: 13;
  width: 41px;
  height: 20px;
  background-image: url('../images/nav_shop.svg');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left top;
}

.nav_targets {
  display: block;
  position: absolute;
  top: 27px;
  left: 53.3511029411%;
  z-index: 15;
  width: 68px;
  height: 20px;
  background-image: url('../images/nav_targets.svg');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left top;
}

.tl1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 8;
  width: 850px;
  height: 1px;
  margin: 0 auto;
  background-color: rgb(94, 194, 162);
}

.tl2 {
  position: absolute;
  top: 37px;
  left: 0;
  right: 0;
  z-index: 6;
  width: 850px;
  height: 1px;
  margin: 0 auto;
  background-color: rgb(94, 194, 162);
}

.tl3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: 850px;
  height: 1px;
  margin: 0 auto;
  background-color: rgb(94, 194, 162);
}

.txt_title {
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  z-index: 7;
  width: 342px;
  margin: 0 auto;
  font-size: 1em;
  text-align: center;
  color: rgb(94, 194, 162);
}

.wrapper500 {
  visibility: hidden;
  position: absolute;
  top: 158px;
  left: 0;
  right: 0;
  z-index: 4;
  width: 1px;
  height: 1px;
  margin: 0 auto;
  overflow: hidden;
}

.cont-2 {
  top: 883px;
  z-index: 2;
  height: 80px;
}

@media(max-width: 800px) {
  .cc {
    top: 963px;
    left: 0;
    right: 0;
    width: 700px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont .cc {
    left: 0;
    right: 0;
    width: 500px;
    height: 42px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont .tl1,
  .cont .tl2,
  .cont .tl3 {
    left: 0;
    right: 0;
    width: 700px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont .txt_title {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .emb_gallery300 {
    top: 253px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .emb_gallery700 {
    top: 228px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .hdr {
    top: 168px;
    left: 0;
    right: 0;
    width: 700px;
    margin-right: auto;
    margin-left: auto;
  }

  .nav_container {
    left: 0;
    right: 0;
    width: 700px;
    height: 151px;
    margin-right: auto;
    margin-left: auto;
  }

  .nav_container .aep_logo_sm {
    left: 21.28125%;
  }

  .nav_container .link_fb {
    left: 53.1138392857%;
    width: 70px;
  }

  .nav_container .link_ig {
    left: 37.1339285714%;
    width: 70px;
  }

  .nav_container .link_yt {
    left: 68.796875%;
    width: 70px;
  }

  .nav_container .nav_about {
    top: 103px;
    left: 20.2299107142%;
  }

  .nav_container .nav_app {
    top: 103px;
    left: 28.5982142857%;
  }

  .nav_container .nav_contact {
    top: 103px;
    left: 68.9977678571%;
  }

  .nav_container .nav_events {
    top: 103px;
    left: 44.9598214285%;
  }

  .nav_container .nav_links {
    top: 103px;
    left: 61.5803571428%;
  }

  .nav_container .nav_rectangle {
    top: 76px;
    left: 15.5669642857%;
    width: 483px;
  }

  .nav_container .nav_shop {
    top: 103px;
    left: 54.2700892857%;
  }

  .nav_container .nav_targets {
    top: 103px;
    left: 34.6004464285%;
  }

  .wrapper500 {
    visibility: visible;
    top: 248px;
    left: 0;
    right: 0;
    width: 500px;
    height: 500px;
    margin-right: auto;
    margin-left: auto;
  }
}

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

  .cc {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .cont {
    width: 500px;
  }

  .cont .cc {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    background-size: 100% auto;
  }

  .cont .txt_title {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .emb_gallery300 {
    top: 240px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .emb_gallery700 {
    visibility: hidden;
    top: 230px;
    left: 0;
    right: 0;
    width: 88%;
    height: 500px;
    margin-right: auto;
    margin-left: auto;
  }

  .hdr {
    top: 170px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .cont .tl1,
  .cont .tl2,
  .cont .tl3,
  .nav_container {
    left: 0;
    right: 0;
    width: 500px;
    margin-right: auto;
    margin-left: auto;
  }

  .nav_container .aep_logo_sm {
    left: 12.9562499999%;
  }

  .nav_container .link_fb {
    left: 33.034375%;
  }

  .nav_container .link_ig {
    left: 73.0625%;
  }

  .nav_container .link_yt {
    left: 52.9218749999%;
  }

  .nav_container .nav_about {
    left: 9.703125%;
  }

  .nav_container .nav_app {
    left: 21.503125%;
  }

  .nav_container .nav_contact {
    left: 76.303125%;
  }

  .nav_container .nav_events {
    left: 44.303125%;
  }

  .nav_container .nav_links {
    left: 66.1031249999%;
  }

  .nav_container .nav_rectangle {
    left: 6.5178571428%;
    width: 443px;
  }

  .nav_container .nav_shop {
    left: 56.703125%;
  }

  .nav_container .nav_targets {
    left: 29.303125%;
  }

  .wrapper500 {
    top: 228px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .cont-2 {
    top: 777px;
  }
}

@media(max-width: 450px) {
  body {
    background-size: 100% 100%;
  }

  .cc {
    top: 588px;
    left: 0;
    right: 0;
    width: 300px;
    height: 49px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont .cc {
    top: 22px;
    left: 0;
    right: 0;
    width: 300px;
    height: 26px;
    margin-right: auto;
    margin-left: auto;
    font-size: 0.889em;
  }

  .cont .tl1,
  .cont .tl2,
  .cont .tl3 {
    left: 0;
    right: 0;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont .txt_title {
    left: 0;
    right: 0;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    font-size: 18px;
  }

  .emb_gallery300 {
    visibility: visible;
    top: 238px;
    left: 0;
    right: 0;
    width: 300px;
    height: 300px;
    margin-right: auto;
    margin-left: auto;
  }

  .emb_gallery700 {
    top: 241px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .hdr {
    top: 178px;
    left: 0;
    right: 0;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
  }

  .nav_container {
    left: 0;
    right: 0;
    width: 320px;
    height: 158px;
    margin-right: auto;
    margin-left: auto;
  }

  .nav_container .aep_logo_sm {
    left: 1.25%;
  }

  .nav_container .link_fb {
    left: 51.7822265625%;
  }

  .nav_container .link_ig {
    left: 26.5625%;
  }

  .nav_container .link_yt {
    left: 77.1875%;
  }

  .nav_container .nav_about {
    top: 94px;
    left: 8.3544921875%;
  }

  .nav_container .nav_app {
    top: 94px;
    left: 30.46875%;
  }

  .nav_container .nav_contact {
    top: 124px;
    left: 57.431640625%;
  }

  .nav_container .nav_events {
    top: 94px;
    left: 73.4033203125%;
  }

  .nav_container .nav_links {
    top: 124px;
    left: 37.197265625%;
  }

  .nav_container .nav_rectangle {
    top: 83px;
    left: 1.416015625%;
    width: 311px;
  }

  .nav_container .nav_shop {
    top: 124px;
    left: 18.3251953125%;
  }

  .nav_container .nav_targets {
    top: 94px;
    left: 46.474609375%;
  }

  .wrapper500 {
    visibility: hidden;
    top: 238px;
    left: 0;
    right: 0;
    width: 300px;
    height: 305px;
    margin-right: auto;
    margin-left: auto;
  }
}