header{
     background-image:url('https://www.unf.edu/newsroom/impact/images/banner_gradient_unfimpact.png');
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     color: #fff;
}
 .searchAZ{
     display:none;
}
.flexCard .text{
     /*align-content: center;
     text-align: center;*/
}
 .facts{
     justify-content: center;
     align-items: center;
     flex-wrap: nowrap;
     /*padding: 64px;*/
     overflow:hidden;
}
 .stackFacts h2 , p{

     flex-wrap: nowrap !important;
}
 .stackFacts p{

     flex-wrap: nowrap !important;
}
 .rightStat h2, p{

     flex-wrap: nowrap !important;
}
 .rightStat p{

     flex-wrap: nowrap !important;
}
 .leftStat h2, p{

     flex-wrap: nowrap !important;
}
 .leftStat p{

     flex-wrap: nowrap !important;
}
 .facts:has(h2:focus) p{
     visibility: visible;
     opacity: 1;
}
 .facts h2:focus{
     outline:none;
}
 .text-facts {
     opacity: 0;
     transition: all 0.5s ease;
}
 .text-right-slide {
     transform: translateX(100%);
}
 .text-right-slide.text-active {
     opacity: 1;
     transform: translateX(0);
}
 .text-right-slide.text-inactive {
     opacity: 0;
     transform: translateX(0);
}
 .text-left-slide {
     transform: translateX(-100%);
}
 .text-left-slide.text-active {
     opacity: 1;
     transform: translateX(0);
}
 .text-left-slide.text-inactive {
     opacity: 0;
     transform: translateX(0);
}
 .fadein {
     opacity: 0;
     transition: all 0.5s;
     transform: translate(0, 100px);
}
 .fadein.visible {
     opacity: 1;
     transform: translate(0);
}
 @media (max-width: 600px) {
     .facts .text-facts {
         transition: none;
         transform: translateX(0);
         opacity: 1;
    }
     .flexGrid {
         flex-direction:column 
    }
     .facts .text-facts.rightStat.flexGrid{
         flex-direction:column-reverse;
    }
     .facts .text-facts.rightStat img.image{
         padding-top:35px;
    }
     .facts .text-facts.leftStat img.image{
         padding-top:35px;
    }
}
/*mobile css*/
 @media only screen and (max-width: 600px){
     .fadein{
         transition:none !important;
         opacity:1;
         transform:none;
    }
     .fadein.visible{
         transition:none !important;
    }
     .visible{
         transition:none !important;
    }
     .text-facts{
         opacity:1;
         transition:none;
    }
     .text-active.visible{
         transition:none !important;
    }
     .image.text-active.visible{
         transition:none !important;
         transform: none;
    }
     .text-right-slide.text-active {
         transform: none;
    }
     .text-left-slide.text-active {
         transform: none;
    }
     .text-right-slide{
         transform:none;
    }
     .text-left-slide{
         transform:none;
    }
     .squiggly-line.active{
         transition:none !important;
    }
     .squiggly-line{
         stroke-dasharray: 0;
         stroke-dashoffset: 0;
    }
}
 @media only screen and (max-width: 997px){
     .flexCard.number-stat h3{
         font-size:18px;
    }
}