.intro {
  width: calc(100% - 30px);
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-bottom: 1px #EEE solid;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.intro h1, .intro h2, .intro h3, .intro h4, .intro h5 {
  color: #008dc9;
  font-weight: 900;
}

.item-img {
  text-align: center;
}
.item-img model-viewer {
  width: 100%;
  height: 400px;
}

.page_ar_web {
  padding: 40px 0;
}
@media (min-width: 768px) {
  .page_ar_web {
    padding: 60px 0px;
  }
}

.outro {
  width: calc(100% - 30px);
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-top: 1px #EEE solid;
  padding-top: 30px;
  margin-top: 30px;
}
.outro h1, .outro h2, .outro h3, .outro h4, .outro h5 {
  color: #008dc9;
  font-weight: 900;
}

.num {
  color: #008dc9;
  font-size: 30px;
}

@media (min-width: 768px) {
  .card {
    background: #F9F9F9;
    margin: 10px;
    border: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 20px);
            flex: 0 0 calc(50% - 20px);
  }
}
@media (min-width: 960px) {
  .card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 20px);
            flex: 0 0 calc(25% - 20px);
  }
}