/*
0-600px Phone
600-900px Tablet portrait
900-1200px Tablet landscape
1200-1800 is our normal styles apply
1800px + Big desktop

$breakpoint argument choices:
- phone
- tab-port
- tab-land
- big-desktop
1em=16px

ORDER:base+typography > general layout + grid>page layout >components
*/
.section-techdemo.intro {
  padding-bottom: 2%;
}

.section-techdemo.vandor .card-item .card-img {
  width: 100%;
  width: 300px;
  height: 250px;
  overflow: hidden;
  background: #eee;
  margin: auto;
}
.section-techdemo.vandor .badge-techDemo {
  margin-left: -2.1rem;
  margin-bottom: 0.8rem;
}

@media (min-width: 1200px) {
  .section-techdemo.award .container-award {
    max-width: 1200px;
  }
}
.section-techdemo.award .card-techAward {
  width: 100%;
  margin: auto;
  border: none;
}
.section-techdemo.award .card-techAward img {
  width: 100%;
  max-width: 320px;
  box-shadow: 0px 2px 8px #bbb;
}
.section-techdemo.award .card-title {
  color: #fff;
}
.section-techdemo.award .card-techAward .logo {
  font-weight: 600;
  margin: 0 0 1rem;
}

.section-techdemo.page {
  padding: 6% 0;
}
.section-techdemo.page .card-img {
  border-radius: 0px;
  text-align: center;
}
.section-techdemo.page .card-img img {
  width: 100%;
}
.section-techdemo.page .card-booth-group {
  padding-left: 0;
}
.section-techdemo.page .card-booth-group .card-booth {
  color: #888;
  line-height: 1;
  margin: 10px 0;
  word-break: break-word;
}

/*# sourceMappingURL=techdemo.css.map */