.top {
  display: flex;
  width: 1500px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 80px;
  overflow-x: hidden;
  align-items: center;
}
.top .left {
  width: 25%;
  min-width: 200px;
}
.top .left h1 {
  width: 60px;
  margin: 0 auto;
}
.top .right img {
  width: 110%;
  padding-left: 0px;
}

.sub-title {
  display: flex;
  margin: 50px 10%;
}
.sub-title .left {
  width: 200px;
  position: relative;
}
.sub-title .left::before {
  position: absolute;
  content: "";
  width: 90%;
  height: 1px;
  border-bottom: solid 1px #707070;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-title .right {
  font-size: 30px;
  color: #1a307b;
  line-height: 120%;
}
.sub-title .right span {
  font-size: 10px;
  font-weight: 800 !important;
  padding-left: 10px;
  font-family: altivo, sans-serif;
  font-style: normal;
  font-weight: 800;
}

.entry {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 200px;
}
.entry a {
  display: inline-block;
  font-weight: 500;
  font-size: 30px;
  color: white;
  padding: 20px 40px;
  border-radius: 9999px;
  background: #2a2fbf;
  background: linear-gradient(90deg, #2a2fbf 0%, #2870b5 50%, #d9f57b 100%);
}

@media screen and (max-width: 700px) {
  .top {
    /*
        .right {
            img {
                //width: 1000px;
            }
    }*/
  }
  .top .left {
    width: 10%;
    min-width: 120px;
  }
  .top .left h1 {
    width: 40px;
  }
  .sub-title .right {
    color: #1a307b;
  }
  .entry a {
    font-size: 20px;
  }
}/*# sourceMappingURL=sub.css.map */