.alt-title {
  display: block;
  font-size: 2rem;
  margin: 1rem 4rem 3rem;
}

.bad-pun {
  font-style: italic;
  color: #8A6D3B;
}
#header-topic .topic-title {
  margin-right: 20%
}
.departure {
  background: url(../images/topic-1/soy00411_departure.jpg) no-repeat center;
  background-size: cover;
  padding: 10rem 4rem 10rem 60%;
  border-radius: 3rem;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .6) inset;
}

@media (min-width: 1000px) {
  .departure {
    padding: 12rem 6rem 12rem 60%;
  }
}

.right {
  float: right;
  margin-left: 2rem;
}

.left {
  float: left;
  margin-right: 2rem;
}

.third {
  width: 33%;
  border-radius: 2rem;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .6);
}

.platter {
  background: url(../images/topic-1/soy00411-waiters-arm.jpg) no-repeat right bottom;
  background-size: contain;
  max-width: 800px;
  margin: 2rem auto;
  padding: 1rem 20rem 45rem 3rem;
}

.carousel-indicators li:before {
  content: '';
}

.shadow {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .6);
}

img.stonehenge,
img.textbook {
  float: right;
  margin: 1rem 2rem;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .6);
}
img.textbook {
  max-width: 220px;
  transform: rotate(4deg);
}

.scuquiz.checklist .scuquiz-ma .scuquiz-partial [data-correct]:checked + label:before {
  background-color: green;
}

figure.portrait img.img-responsive {
  margin-top: 0;
  transition: transform .5s;
}
figure.portrait img.img-responsive:hover {
  transform: rotate(1deg);
}

@media (min-width: 600px) {
  figure.portrait {
    float: right;
    width: 280px;
    max-width: 40%;
    margin: 0 0 0 2rem;
  }
}

.panel-body h4:first-child {
  margin-top: .2rem;
}

.book,
.mobile {
  max-width: 150px;
  transform: rotate(-2deg);
  margin: 1rem 2rem 1rem 0;
  transition: transform .5s;
}

.book {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .6);
}

.book:hover,
.mobile:hover {
  transform: rotate(-3deg);
}


#top20 th span {
  font-size: .8em;
}
#top20 td:nth-child(2) input {
  width: 4rem;
}
#top20 td:nth-child(5) input {
  width: 7rem;
}
#top20 .positive {
  color: green;
}
#top20 .negative {
  color: red;
}

.flex {
  display: flex;
}
.flex div {
    flex: 0 0 50%;
    padding: 3rem;
    margin-right: 1rem;
    border-radius: .6rem;
}
.flex h5 {
  margin: 1rem 0 2rem;
}
.flex .benefits {
  background: #d1e9d4;
}
.flex .costs {
  background: #e9ddc6;
}

blockquote.befloated {
  overflow: auto;
}
blockquote.befloated:before {
  top: 0;
}

.examples {
  margin-bottom: 1rem !important;
}
.examples input {
  width: 100%;
}
.examples dt {
  width: 4rem;
}
.examples dd {
  margin-left: 6rem;
}
.examples td span {
  float: left;
  margin: 0 1rem 2rem 0;
}

.activity textarea {
  width: 100%;
}
.reading-link {
  font-size: 2rem !important;
  color: #3D9FAC;
}
button.clear {
  margin: .5rem 0 1rem;
}

.ppt_logo {
  max-width: 4rem;
  margin-right: 1rem;
}

@media print {
  .activity input,
  .examples input,
  .activity textarea {
    background: #fff;
    max-width: 400px;
  }
  .pdf-reduce {
    max-width: 80%;
  }
  .pdf-reduce input {
    max-width: 150px !important;
  }
  .flex > div {
    max-width: 300px !important;
  }
}