css/digital-hub.css

.innerhero__pic--hub {
  width: auto;
  height: auto;
  top: auto;
  bottom: -11rem;
  transform: none;
  left: 78%;
}
.innerhero__mainhub {
  max-width: 930px;
  width: auto;
}
.hub2__grid {
  display: flex;
  justify-content: flex-start;
  grid-gap: 0;
  grid-template-columns: 0;
}
.hub2item {
  max-width: 540px;
}
.hub2item:last-child {
  margin-left: 7.7rem;
}
.hub2__text {
  max-width: 360px;
}
.hub5__video {
  font-size: 2.2rem;
}
.hub1 {
  padding-top: 13rem;
  padding-bottom: 13rem;
}

.hub1__image {
  margin-left: 10.8rem;
}
.hub1__block {
  margin-top: 5rem;
  justify-content: space-between;
}
.hub1__title {
  font-weight: bold;
}
.hub1__info {
  max-width: 540px;
}
.hub1__text {
  margin-top: 2rem;
}
.hub1__titleend {
  margin-top: 5rem;
}

.hub3 {
  padding-top: 13rem;
  padding-bottom: 8rem;
}
.hub3__subtext {
  max-width: 600px;
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}
.hub3__part {
  margin-right: 4rem;
  font-size: 2rem;
  font-weight: bold;
  align-items: center;
}
.hub3__item {
  margin-left: 1rem;
}
.hub3__blocks {
  margin-top: 6.7rem;
}
.hub3__block {
  max-width: 530px;
}
.hub3__block:last-child {
  margin-left: 11rem;
}
.hub4 {
  padding-bottom: 13rem;
}

.hub4__h2 {
  max-width: 850px;
  margin-bottom: 2rem;
}
.hub4__subtext {
  max-width: 600px;
  margin-right: 4rem;
}
.hub4__grey {
  color: #9c9c9c;
  max-width: 530px;
}
.hub4__numbers {
  margin-top: 5rem;
}
.hub4__text {
  margin-top: 1rem;
  max-width: 220px;
}
.hub4__num {
  color: #0070cc;
  font-weight: bold;
}
.hub4__number {
  margin-right: 21rem;
}
.hub4__number:last-child {
  margin-right: 0;
}
.hub4__textall {
  max-width: 180px;
}
.hub5__title {
  padding-bottom: 1rem;
  font-weight: 700;
}
.hub5__text {
  max-width: 430px;
}
.hub5__item {
  width: 540px;
}
.hub5__twowrap {
  justify-content: space-between;
  max-width: calc(52% + 640px);
}
.comvideo__txthub {
  max-width: 82%;
}
@media (max-width: 1199px) {
  .innerhero__pic--hub {
    width: 50rem;
  }

  .hub1 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .hub1__image {
    width: 50%;
  }
  .hub3 {
    padding-top: 8rem;
    padding-bottom: 6rem;
  }
  .hub3__blocks {
    margin-top: 6rem;
  }
  .hub4__number {
    margin-right: 15rem;
  }
  .hub4__number:last-child {
    margin-right: 0;
  }
  .hub4 {
    padding-bottom: 8rem;
  }
  .hub5__twowrap {
    justify-content: space-between;
    max-width: calc(60% + 540px);
  }
  .hub5__item {
    width: 450px;
  }
}

@media (max-width: 992px) {
  .hub3__parts {
    flex-wrap: wrap;
  }
  .hub3__part {
    margin-bottom: 1rem;
  }
  .hub3__part:last-child {
    margin-bottom: 0;
  }
  .hub5__twowrap {
    flex-direction: column;
    padding-top: 0;
  }
  .hub5__item {
    width: 100%;
    margin-top: 3rem;
  }
}

@media (max-width: 767px) {
  .hub2__grid {
    flex-direction: column;
  }
  .hub2item:last-child {
    margin-left: 0;
    margin-top: 3rem;
  }
  .hub1 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .hub1__block {
    flex-direction: column;
    margin-top: 3rem;
  }
  .hub1__image {
    margin-left: 0;
    width: 100%;
    margin-top: 3rem;
  }
  .hub1__info {
    max-width: 100%;
  }
  .hub1__titleend {
    margin-top: 3rem;
  }
  .hub3 {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
  .hub3__subtext {
    max-width: 100%;
    margin-top: 2rem;
    margin-bottom: 3rem;
  }
  .hub3__blocks {
    margin-top: 3rem;
    flex-direction: column;
  }
  .hub3__block:last-child {
    margin-left: 0;
    margin-top: 2rem;
  }
  .hub4__subtext {
    max-width: 100%;
    margin-right: 0rem;
  }
  .hub4__grey {
    max-width: 100%;
    margin-top: 1rem;
  }
  .hub4__blocks {
    flex-direction: column;
  }
  .hub4__number {
    margin-right: 0;
    margin-top: 1rem;
  }
  .hub4__numbers {
    flex-direction: column;
    margin-top: 1rem;
  }
  .hub4 {
    padding-bottom: 6rem;
  }
  .hub4__textall {
    max-width: 100%;
  }
  .hub4__text {
    max-width: 100%;
  }
  .hub3__parts {
    flex-direction: column;
  }
}