.episode {display: none; }
.event-details { display: none; }
.page-image { float: right; margin: 0; margin-bottom: 20px; margin-top: 0; max-width: none; width: 100%; }
#billboard-container { height: 170px; max-height: 170px; }
@media (min-width: 576px) { #billboard-container { height: 300px; max-height: 300px; } .page-image { margin: 10px; margin-top: 0; max-width: 50%; width: auto; } }
@media (min-width: 992px) { #billboard-container { height: 520px; max-height: 520px; } .page-image { margin: 10px; margin-top: 0; max-width: 50%; width: auto; } }

#top-bar-container, #site-header-container, .breadcrumb, #footer-container { display: none !important; }

.episode { background: #000; box-shadow: 0 10px 0 #EEE; color: #FFF; font-size: 20px; left: 0; padding: 10px 20px; position: relative; width: 100%; }
.ptPod h2 { margin-top: 10px; padding: 0; }
.show-on-small { display: block; }
.show-on-other { display: none; }
@media (min-width: 576px) { .ptPod h2 { margin-top: 10px; } .show-on-small { display: none; } .episode { left: -40px; position: absolute; width: auto; } .show-on-other { display: block; } }
@media (min-width: 992px) { .ptPod h2 { margin-top: 0;  } .show-on-small { display: none; } .episode { left: -40px; position: absolute; width: auto; } .show-on-other { display: block; } }


/*h1 { color: #000; }
h2 { color: #333; }
h3 { color: #666; }
h4 { color: #999; }*/
h1, h2, h3, h4 { width: 100%; }
a, p { font-size: 16px; }
.content li { padding-left: 10px; font-size: 16px !important; }
p { width: 100%; }
.h2-background { background: #EEE; border-bottom-right-radius: 3px; margin-left: 0; margin-top: -9px; padding: 15px; }
.circle-background { background: #000; border-bottom: 5px solid rgba(150, 150, 150, 0.4); border-radius: 3px; height: 75px; left: 1%; margin-top: -10px; position: absolute; width: 98%; }
.big-circle span, .circle span { color: #C4213D; font-weight: bold; }
.circle { background: #EEE; box-shadow: 0 0 0 5px rgba(150, 150, 150, 0.4), 0 0 0 10px #000; color: #000; font-size: 14px; height: 80px; margin-top: 10px; padding-top: 20px; text-align: center; width: auto; }
.big-circle { background: #EEE; border-radius: 50%; box-shadow: 0 0 0 5px rgba(150, 150, 150, 0.4), 0 0 0 10px #000; color: #000; font-size: 14px; height: 80px; margin-top: 10px; padding-top: 20px; text-align: center; width: 80px; z-index: 100; }
.FAFSA-box { background: #000; color: #FFF; margin-top: 0; padding: 15px; }
@media (min-width: 576px) { .circle { border-radius: 50%; font-size: 12px; height: 80px; padding-top: 20px; width: 80px; } .FAFSA-box { margin-top: 0; } .big-circle { height: 120px; width: 120px; } }
@media (min-width: 992px) { .circle { border-radius: 50%; font-size: 16px; height: 120px; padding-top: 30px; width: 120px; } .FAFSA-box { margin-top: -20px; } .big-circle { height: 120px; width: 120px; } }
.flexy { align-items: center; display: flex; flex-flow: row wrap; justify-content: center; padding: 15px; }
.flexy .button { color: #FFF; margin: 5px; padding: 8px 10px 6px 10px; }
.homepage #maincontent .button { color: #FFF; }

/* Info For */
ul { padding-left: 0; }
ul li { list-style-type: none; }
ul li a { font-size: 16px; }
.bottom-links { padding-left: 15px; padding-right: 15px; }
.bottom-links h2 { color: #333; font-size: 18px; }
.divider-inner { border-top: 6px double #EEE; }
.divider-outer { border-left: 30px solid #EEE; border-right: 30px solid #EEE; height: 2px; }
.fa-arrow-alt-circle-right { color: #EEE; font-size: 30px; margin-left: -35px; position: absolute; }
.for-you { background: #000; }
.for-you h1 { color: #FFF; width: 100%; }
.for-you p { color: #EEE; font-size: 16px; }
.shadow-down { box-shadow: inset 0 -9px 9px -9px #999; height: 9px; }
.shadow-up { box-shadow: inset 0 9px 9px -9px #999; height: 9px; }
.top-links { height: auto; padding-bottom: 15px; padding-top: 25px; }
.top-links div { padding-left: 15px; padding-right: 15px; }
.top-links div h2 { margin-bottom: 0; margin-top: 0; }
.top-links div h2 a { font-size: 22px; }
.top-links div p { font-size: 18px; }

/* Animations */
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
.flash svg {
  animation: colorchange 3s;
  -webkit-animation: colorchange 3s;
}
@-webkit-keyframes colorchange {
  0%   { color: auto; transform: scale(1.0); }
  50% { color: goldenrod; transform: scale(1.2); }
  100% { color: auto; transform: scale(1.0); }
}
@keyframes colorchange {
  0%   { color: auto; transform: scale(1.0); }
  50% { color: goldenrod; transform: scale(1.2); }
  100% { color: auto; transform: scale(1.0); }
}