body {
  height: 100%;
  background: none rgb(255, 255, 255);
  background-repeat: no-repeat;
  font: 400 1em/0.68 Helvetica;
  color: rgb(0, 0, 0);
}

div p {
  margin-bottom: 1em;
}

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

.cont_portfolio {
  display: block;
  position: absolute;
  top: 88px;
  left: 0;
  z-index: 8;
  width: 100%;
  height: 46px;
}

.cont_work {
  position: absolute;
  top: 158px;
  left: 0;
  right: 0;
  z-index: 4;
  width: 1024px;
  height: 1464px;
  margin: 0 auto;
}

.emb_youtube {
  position: absolute;
  top: 105px;
  left: 0;
  right: 0;
  width: 560px;
  height: 315px;
  margin: 0 auto;
  overflow: hidden;
}

.link_ig {
  display: block;
  position: absolute;
  top: 0;
  left: 8.7132352941%;
  z-index: 18;
  width: 8.2444852941%;
  height: 70px;
  background-image: url('../images/link_bs(5).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: 17.4319852941%;
  z-index: 17;
  width: 8.2444852941%;
  height: 70px;
  background-image: url('../images/link_yt(2).svg');
  background-repeat: no-repeat;
  background-size: 70px 70px;
  background-position: left top;
}

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

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

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

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

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

.nav_rectangle {
  position: absolute;
  top: 0;
  left: 26.1176470588%;
  z-index: 9;
  width: 626px;
  height: 70px;
  border: 1px solid rgb(0, 0, 0);
}

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

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

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

.tla1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 7;
  width: 850px;
  height: 1px;
  margin: 0 auto;
  background-color: rgb(36, 36, 36);
}

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

.txt_feat-augment {
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  z-index: 5;
  width: 342px;
  margin: 0 auto;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.38;
  text-align: center;
  color: rgb(36, 36, 36);
}

.txt_info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  height: 62px;
  margin: 0 auto;
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
}

.wyeth {
  position: absolute;
  left: 0;
  right: 0;
  width: 78.125%;
  height: 488px;
  margin: 0 auto;
  border: 1px solid rgb(250, 250, 250);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-color: rgba(222, 222, 222, 0);
}

.wyeth-1 {
  top: 968px;
  z-index: 3;
  background-image: url('../images/QR_WYE.png');
}

.wyeth-2 {
  top: 449px;
  z-index: 1;
  background-image: url('../images/TAR_Wyeth.jpg');
}

@media(max-width: 800px) {
  .cont_portfolio {
    top: 178px;
    left: 0;
    right: 0;
    width: 680px;
    height: 42px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_portfolio .tla1 {
    left: 0;
    right: 0;
    width: 680px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_portfolio .tla3 {
    left: auto;
    right: auto;
    width: 680px;
  }

  .cont_portfolio .txt_feat-augment {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_work {
    top: 248px;
    left: 0;
    right: 0;
    width: 800px;
    height: 1437px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_work .emb_youtube {
    top: 96px;
    left: 0;
    right: 0;
    width: 600px;
    height: 400px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_work .txt_info {
    left: 0;
    right: auto;
  }

  .cont_work .wyeth {
    left: 0;
    right: 0;
    width: 70%;
    height: 419px;
    margin-right: auto;
    margin-left: auto;
  }

  .navigation {
    left: 0;
    right: 0;
    width: 700px;
    height: 146px;
    margin-right: auto;
    margin-left: auto;
  }

  .navigation .aep_logo_sm {
    left: 34.3125%;
  }

  .navigation .link_ig {
    left: 44.9575892857%;
    width: 70px;
  }

  .navigation .link_yt {
    left: 55.7098214285%;
    width: 70px;
  }

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

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

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

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

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

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

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

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

  .cont_work .wyeth-1 {
    top: 981px;
  }

  .cont_work .wyeth-2 {
    top: 532px;
  }
}

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

  .cont_portfolio {
    top: 181px;
    left: 0;
    right: 0;
    width: 480px;
    height: 44px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_portfolio .tla1 {
    left: 0;
    right: 0;
    width: 480px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_portfolio .tla3 {
    width: 480px;
  }

  .cont_portfolio .txt_feat-augment {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_work {
    left: 0;
    right: 0;
    width: 600px;
    height: 1202px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_work .emb_youtube {
    top: 101px;
    left: 0;
    right: 0;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_work .wyeth {
    left: 0;
    right: 0;
    height: 311px;
    margin-right: auto;
    margin-left: auto;
  }

  .navigation {
    left: 0;
    right: 0;
    width: 500px;
    height: 149px;
    margin-right: auto;
    margin-left: auto;
  }

  .navigation .aep_logo_sm {
    left: 27.903125%;
  }

  .navigation .link_ig {
    left: 57.903125%;
  }

  .navigation .link_yt {
    left: 42.9031249999%;
  }

  .navigation .nav_about {
    left: 9.703125%;
  }

  .navigation .nav_app {
    left: 21.503125%;
  }

  .navigation .nav_contact {
    left: 76.303125%;
  }

  .navigation .nav_events {
    left: 44.303125%;
  }

  .navigation .nav_links {
    left: 66.1031249999%;
  }

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

  .navigation .nav_shop {
    left: 56.703125%;
  }

  .navigation .nav_targets {
    left: 29.303125%;
  }

  .cont_work .wyeth-1 {
    top: 876px;
  }

  .cont_work .wyeth-2 {
    top: 535px;
  }
}

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

  .cont_portfolio {
    top: 187px;
    left: 0;
    right: 0;
    width: 320px;
    height: 43px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_portfolio .tla1,
  .cont_portfolio .tla3 {
    left: 0;
    right: 0;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_portfolio .txt_feat-augment {
    left: 0;
    right: 0;
    width: 320px;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.267em;
  }

  .cont_work {
    top: 257px;
    left: 0;
    right: 0;
    width: 375px;
    height: 1031px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_work .emb_youtube {
    top: 92px;
    left: 0;
    right: 0;
    width: 375px;
    height: 300px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_work .txt_info {
    font-size: 15px;
  }

  .cont_work .wyeth {
    left: 0;
    right: 0;
    width: 89.1111111111%;
    height: 275px;
    margin-right: auto;
    margin-left: auto;
  }

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

  .navigation .aep_logo_sm {
    left: 16.259765625%;
  }

  .navigation .link_ig {
    left: 39.84375%;
  }

  .navigation .link_yt {
    left: 63.7499999999%;
  }

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

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

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

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

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

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

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

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

  .cont_work .wyeth-1 {
    top: 730px;
  }

  .cont_work .wyeth-2 {
    top: 425px;
  }
}