/*!
 * Add custom css for this site here:
 */
 
 /*home page by the numbers*/
.bythenumbers {
    position: relative;
    background: url(https://www.niu.edu/illinois-interactive-report-cards/images/home-behindtext-.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 450px;
    margin-top: 0em;
}

/* 
   .bythenumbers .container > div:nth-child(4) span:before {
    content: '$';
}
*/

.bythenumbers h2 {
    display: flex;
    flex: 0 0 100%;
    padding: 1rem 0;
    font-family: "Gotham SSm A", "Gotham SSm B";
    color: #fff;
    font-size:2rem;
}

.bythenumbers p:first-child {
    color: #ffffff;
    text-shadow: 1px 1px 1px #333;
    font-size: 1.35vw;
}
 
.count, .counted, .rowCount {
    font-size: 5vw;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    text-shadow: 1px 1px 1px #333; 
}
 
@media (min-width:577px) and (max-width:768px){
    
.bythenumbers p:first-child {
    color: #ffffff;
    text-shadow: none ;
    font-size: 3vw;
}
 
.count, .counted, .rowCount {
    font-size: 6vw;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    text-shadow: none; 
}
}
  
@media (max-width:576px){
    
.bythenumbers p:first-child {
    color: #ffffff;
    text-shadow: none;
    font-size: 4vw;
}
 
.count, .counted, .rowCount {
    font-size: 8vw;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    text-shadow: none;
}
}