.testing-results-hero{
    background-color:var(--pale-green);
    color:var(--green);
    padding-left:2em;
    padding-right:2em;
}
.testing-results-hero > .container > h1, 
.testing-results-hero > .container > p{
    text-align:center;
    text-transform:uppercase;
    letter-spacing:0.1em;
    font-weight:600;
    font-size:20px;
    font-family:"Mark Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
.testing-results-hero > .container > p{
    margin-top:4.6em;
}
.testing-results-hero .testing-results-subtitle{
    display:block;
    margin: 0.2em auto 2em;
    text-transform:lowercase;
    font-size:2.2em;
    font-family:"Cooper","Georgia",serif;
    font-weight:900;
    letter-spacing:0;
    text-transform:lowercase;
    line-height:1em!important;
}
.testing-results-hero .testing-results-row{
    display:flex;
    align-items:stretch;
    justify-content:center;
    flex-wrap:wrap;
    gap: 2em;
}
.testing-results-hero .testing-results-info-box{
    aspect-ratio:1/1;
    padding: 2em;
    text-align:center;
    background-color:var(--yellow-green);
    background-size: contain;
    background-position:center center;
    background-origin:content-box;
    background-repeat: no-repeat;
    width:calc(25% - 2em);
    min-width:280px;
    max-width:100%!important;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
}
.testing-results-hero .testing-results-info-box p{
    margin:0;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:0.1em;
    font-weight:600;
    font-size:12px;
    color:var(--dark-green);
}
.testing-results-hero .testing-results-info-box .testing-results-subtitle{
    margin:0.05em auto 0.3em;
    font-size:2.4em;
    line-height:0.9;
    text-transform:lowercase;
    letter-spacing:0;
    color:var(--green);
}
@media screen and (max-width:1300px){
    .testing-results-hero .testing-results-info-box{
        min-width:200px!important;
    }
    .testing-results-hero .testing-results-subtitle{
        font-size:32px!important;
    }
}
@media screen and (max-width:1100px){
    .testing-results-hero .testing-results-info-box{
        aspect-ratio:unset;
        padding:2em 1em;
    }
    .testing-results-hero .testing-results-subtitle{
        font-size:30px!important;
    }
    .testing-results-hero > .container > h1, .testing-results-hero > .container > p{
        font-size:16px;
    }
}
@media screen and (max-width:1000px){
    .testing-results-hero .testing-results-row{
        max-width: 600px;
        margin: 0 auto;
    }
}
@media screen and (max-width:300px){
    .testing-results-hero .testing-results-info-box{
        min-width:100%;
    }
    .testing-results-hero .testing-results-subtitle{
        font-size:28px!important;
    }
}