.story .title { margin: auto; padding: 10px; }
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.content p, .content li { color: #000; font-size: 1.5em !important; }
.content p > a { font-size: 1.0em !important; }


h1, h2, h3, h4 { width: 100%; }
.content li { padding-left: 10px; }
p { width: 100%; }
.h2-background { background: #C4BFC0; border-bottom-right-radius: 3px; margin-left: 0; margin-top: -9px; padding: 15px; }

/******* Circle Pop - Featured on Scholarship Guide Page ********/
.circle-background { 
  background: #8E6F3E; 
  border-bottom: 5px solid rgba(218, 170, 0, 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: #C4BFC0; box-shadow: 0 0 0 5px rgba(218, 170, 0, 0.4), 0 0 0 10px #8E6F3E; color: #000; font-size: 14px; height: 80px; margin-top: 10px; padding-top: 20px; text-align: center; width: auto; }
.big-circle { background: #555960; 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; }
.bottom-links { padding-left: 15px; padding-right: 15px; }
.bottom-links h2 { color: #333; font-size: 18px; }
.divider-inner { border-top: 6px double #C4BFC0; }
.divider-outer { border-left: 30px solid #C4BFC0; border-right: 30px solid #C4BFC0; height: 2px; }
.fa-arrow-alt-circle-right { color: #C4BFC0; font-size: 30px; margin-left: -35px; position: absolute; }
.for-you { background: #000; }
.for-you h1 { color: #FFF; width: 100%; }
.for-you p { color: #C4BFC0; 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: #DAAA00; transform: scale(1.2); }
  100% { color: auto; transform: scale(1.0); }
}
@keyframes colorchange {
  0%   { color: auto; transform: scale(1.0); }
  50% { color: #DAAA00; transform: scale(1.2); }
  100% { color: auto; transform: scale(1.0); }
}
/* ***************** */
/* *** S M A L L *** */
/* ***************** */

@media (min-width: 576px) {
  .XS-text        { font-size  : 1.00em; }
  .SM-text        { font-size  : 1.00em; }
  .MD-text        { font-size  : 1.15em; }
  .LG-text        { font-size  : 1.35em; }
  .XL-text        { font-size  : 1.60em; }
  .EXPANDER-links { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
  .EXPANDER-box   { height: 350px; }
}

/* ******************* */
/* *** M E D I U M *** */
/* ******************* */

@media (min-width: 768px) {
  .XS-text      { font-size : 1.00em; }
  .SM-text      { font-size : 1.15em; }
  .MD-text      { font-size : 1.35em; }
  .LG-text      { font-size : 1.60em; }
  .XL-text      { font-size : 1.90em; }
  .EXPANDER-box { height: 425px; }
}

/* ***************** */
/* *** L A R G E *** */
/* ***************** */

@media (min-width: 992px) {
  .XS-text      { font-size : 1.15em; }
  .SM-text      { font-size : 1.35em; }
  .MD-text      { font-size : 1.60em; }
  .LG-text      { font-size : 1.90em; }
  .XL-text      { font-size : 2.35em; }
  .EXPANDER-box { height: 550px; }
}

/* ***************************** */
/* *** E X T R A - L A R G E *** */
/* ***************************** */

@media (min-width: 1200px) {
  .XS-text      { font-size : 1.25em; }
  .SM-text      { font-size : 1.50em; }
  .MD-text      { font-size : 1.80em; }
  .LG-text      { font-size : 2.65em; }
  .XL-text      { font-size : 2.75em; }
  .EXPANDER-box { height: 625px; }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .EXPANDER-box {
    height: 200px;
  }
}