.interactive-guide {
  font-family: 'Roboto', sans-serif;
  background-color: #eee;
  max-width: 640px;
  margin: 0 auto;
}
.interactive-guide .page-header {
  border-bottom: 1px solid #D4D4D4;
  margin: 0;
  text-transform: uppercase;
}
.interactive-guide .page-header h2 {
  font-size: 1.4em;
  font-weight: bold;
}
.interactive-guide .main {
  margin-top: 10px;
  margin-bottom: 50px;
}
.interactive-guide .main h2 {
  text-transform: uppercase;
}
.interactive-guide .main .primary .btn {
  background-color: #00ADF3;
}
.interactive-guide .main .no-link .btn.image-button {
  box-shadow: none;
  cursor: default;
}
.interactive-guide .main .plain-link .btn {
  color: #568FA5;
  background-color: #eee;
  border: 0;
}
.interactive-guide .main .btn {
  background-color: #568FA5;
  color: #fff;
  text-transform: uppercase;
  width: 80%;
  margin: 0.7em 0;
  border-radius: 2px;
  white-space: normal;
}
.interactive-guide .main .btn.image-button {
  font-weight: bold;
  background-color: #fff;
  border-radius: 0;
  color: #494A4B;
  box-shadow: 1px 5px 10px #888888;
  width: 100%;
}
.interactive-guide .main .btn.image-button img {
  max-width: 85%;
}
.interactive-guide .main .btn.image-button .image-button-header {
  text-transform: none;
  border-bottom: 1px solid #D4D4D4;
  display: block;
  margin: 0 -16px 10px;
  padding-bottom: 8px;
}
.interactive-guide .main .toolbox {
  margin-bottom: 10px;
}
.interactive-guide .main img.screwpic {
  width: 100%;
}
.interactive-guide .main p {
  font-weight: bold;
  color: #494A4B;
  font-size: 16px;
}
.interactive-guide .main .image {
  background-color: #fff;
}
.interactive-guide .main .image img {
  width: 65%;
  margin: 15px 0;
}
.interactive-guide .main .youtube-video {
  text-align: center;
  background-color: #fff;
  margin: 7px 0;
  position: relative;
}
.interactive-guide .main .youtube-video .youtube-video-link {
  width: 100%;
}
.interactive-guide .main .youtube-video .youtube-video-link .video-thumb {
  max-width: 100%;
}
.interactive-guide .main .youtube-video .youtube-video-link .play-icon {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  opacity: 0.8;
  width: 80px;
  margin-left: -40px;
  height: 60px;
  margin-top: -30px;
}
.interactive-guide .footer {
  position: fixed;
  bottom: 0;
  border-top: 1px solid #1E1E1E;
  width: 100%;
  max-width: 640px;
  padding: 12px;
  background-color: #FEFDFF;
}
.interactive-guide .footer a {
  color: #A3A2A3;
}
.interactive-guide .class {
  color: red;
}
.interactive-guide .picture {
  margin-top: 0;
  margin-bottom: 0;
}
.interactive-guide .option-group {
  /*margin-top: 60px;*/
}
.interactive-guide .toolpic {
  padding: 10px;
}
/*# sourceMappingURL=App.css.map */