.site-logo{
    width:56px;
    height:56px;
    padding:1px;
    min-width:0;
    box-sizing:border-box;
    position:relative;
    display:grid;
    place-items:center;
    justify-self:center;
    border-radius:50%;
    overflow:hidden;
    background:transparent;
    box-shadow:none;
    text-decoration:none;
}

.site-logo__image{
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
}

.site-logo__sr{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

@media (max-width:430px){
    .site-logo{ width:54px; height:54px; }
}

@media (max-width:360px){
    .site-logo{ width:50px; height:50px; }
}

@media (min-width:760px){
    .site-logo{ width:60px; height:60px; }
}