/* ======================================
    Stylesheet for the impact section counters  
======================================= */

  .impact-section{
width:100%;
}

.impact-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
}

.impact-box{
padding:60px 20px;
text-align:center;
font-weight:bold;
margin:5px;
}

.blue{
background:#1e0fa3;
color:#fff;
}

.yellow{
background:#f2b128;
color:#000;
}

.impact-box h2{
font-size:60px;
margin-bottom:10px;
}

.impact-box p{
font-size:40px;
margin:0;
}

/* Mobile */
@media(max-width:768px){
.impact-grid{
grid-template-columns:repeat(2,1fr);
}

.impact-box h2{
font-size:40px;
}

.impact-box p{
font-size:24px;
}
}