#entity-title { font-size: 1.65em; }
@media (min-width: 576px) {

  #entity-title,
  #entity-title a {
    margin: 0;
    font-size: 1.95rem;
  }

}
.episode { background: #000; box-shadow: 0 10px 0 #EEE; color: #FFF; font-size: 20px; left: 0; padding: 10px 20px; position: relative; width: 100%; }
.show-on-small { display: block; }
.show-on-other { display: none; }
#IDEAS-slogan { font-size: 1.00em !important; font-weight: bold; }
@media (min-width: 576px) { .show-on-small { display: none; } .episode { left: -40px; position: absolute; width: auto; } .show-on-other { display: block; } #IDEAS-slogan { font-size: 1.25em !important; } }
@media (min-width: 992px) { .show-on-small { display: none; } .episode { left: -40px; position: absolute; width: auto; } .show-on-other { display: block; } #IDEAS-slogan { font-size: 1.65em !important; } }


p, li, li > a { font-size: 1.25em; margin-bottom: 30px; }
a, p { line-height: 1.30em; }
h2 { font-size: 1.55em !important; line-height: 1.10em !important; }
h3 { font-size: 1.30em !important; line-height: 1.10em !important; }
h4 { font-size: 1.25em !important; line-height: 1.10em !important; }
.item h2 { line-height: 1.00em !important; }

#my-link::before { color: #999; content: "Suggested Resource: "; font-size: 0.75em; }

#question-box p { font-size: 1.50em; padding: 10px; }


.page-button a:hover { color: #CFB991; }
.videoWrapper { height: 0; padding-bottom: 56.25%; position: relative; }
.videoWrapper iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }


@media (max-width: 576px) { #billboard-container p { font-size: 1.10em; padding: 0; } }
@media (max-width: 576px) { #billboard-container #banner-title { position: relative; display: block; } }