body.page-success {
  height: 100%;
}


.page-success .header-line .logo-block {
  width: 720px;
  padding: 0px 1.415%;
  padding: 0 33px;
}

.page-success .header-line .logo-block img {
  margin-top: 2%;
}


.page-success .main-content{
  display: flex;
  justify-content: center;
  margin: 90px auto 210px;
}

.page-success .success-block {
  width: 656px;
  height: 240px;
  background: #2473BA;
  color: #fff;
  margin: 50px auto;
  padding: 0px 1.2%;
  box-shadow: 0px 3px 50px #0000004d;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page-success .success-block  .content-title {
  color: #fff;
  text-align: left;
  font: 700 24px/36px Helvetica, sans-serif !important;
  height: 80%;
  padding-top: 8%;
  padding-left: 2%;
}

.page-success .success-block  a.link {
  color: #fff;
  text-decoration: underline;
  font: 200 16px/18px Helvetica, sans-serif !important;
  text-align: right;
  width: 100%;
  display: block;
  height: 20%;
  padding-right: 2%;
}


@media (max-width: 680px) {
  .page-success .success-block {
      width: 100%;
      padding: 4% 4%;
      height: 220px;
      margin: 35px 0;
  }

  .page-success .success-block .content-title {
      font: 700 23px/36px Helvetica, sans-serif !important;
  }

  .page-success .success-block a.link {
      font: 200 15px/18px Helvetica, sans-serif !important;
      padding: 0;
  }
}

@media (max-width: 500px) {
  .page-success .success-block {
      height: 210px;
  }


  .page-success .success-block a.link {
      font: 200 14px/16px Helvetica, sans-serif !important;
  }

  .page-success .success-block .content-title {
      font: 700 18px/26px Helvetica, sans-serif !important;
  }

}

@media (max-width: 420px) {
  .page-success .success-block {
      height: 200px;
  }

  .page-success .success-block a.link {
      font: 200 14px/16px Helvetica, sans-serif !important;
  }

  .page-success .success-block .content-title {
      font: 700 18px/26px Helvetica, sans-serif !important;
      height: 90%;
      padding-top: 6%;
      padding-left: 0;
  }
}

@media (max-width: 320px) {
  .page-success .success-block .content-title {
      font: 700 16px/24px Helvetica, sans-serif !important;
      height: 90%;
      padding-top: 6%;
      padding-left: 0;
  }
  .page-success .main-content {
      padding: 4% 6%;
  }
}