@media only screen and (max-width: 960px) {

::root
{
    --u_border_width: 24rem!important;
}

html
{
    font-size:28px;
}

/* h2
{
    font-size:4rem!important;
}

h3
{
    font-size:3rem!important;
}

p, a
{
    font-size:2rem!important;
} */

div#body > div.scroll-border
{
    display:none;
}

div.imggrid > div
{
    width: 100%!important;
}

div.item-flex
{
    display:inline;
}

div.header
{
    display:flex;
    flex-direction:column;
    gap:1rem;
}

div.footer
{
    position:relative;
}

div.item-flex > div, div.item-flex > div * img
{
    width:100%!important;
    padding-left:0px!important;
    padding-right:0px!important;
}

div.border-left
{
    padding-top:1.5rem;
    margin-top:1.5rem;
    border-left-width:0px;
    border-top-width:var(--u_border-width);
}

div.color
{
    height:4rem;
    border-radius:4rem;
}
div.color > div.circle
{
    height:4rem;
    width:4rem;
    border-radius:4rem;
    border-width:var(--u_border-width);
}


}