@media (max-width: 1500px) {
   .xbo {width: 100%}
   .xbo div {font-size: 1em}
}

@media (max-width: 1560px) {

    footer div.logo-twin {padding-right:0;}
    .xbo {width: 100%;}

}

@media (max-width: 1224px) {

   /* body { border:1px solid red;}*/
    body { font-size: clamp(0.875rem, 0.7917rem + 0.4444vw, 1rem);}

    .container {display: block; height: auto;}

    .uno { 
        position: unset;
        width: unset;
        height: unset;
        padding: 40px 25px !important;
    }
    .face {
        min-height: unset !important;
    }

    .uno-scarf,
    footer {
        margin-left: unset;
        margin: auto;
    }

    h1 {
        margin-top: 1.2em;
    }

    .dos {grid-area: unset; overflow: unset; overflow-y: unset;}
    .dosi {padding: 15px;padding-top: 50px;}
    .dos-scarf {margin: auto;}
    .icon-hand {flex-direction: column;}

    .page-widgets { right: 0px;}
}



@media screen and (max-height: 500px) {
    .uno-scarf {
        /*border: 1px solid blue;*/
        justify-content: unset;
    }

    .icon-head {
        margin: 10% 0
    }



}



@media screen and (max-height: 50px) {
    .uno-scarf {
        height: unset;
        border:1px solid red;
    }
}

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

    .xbo {display: block;}

    .a1,
    .a2,
    .a3,
    .a4,
    .a5,
    .a6 {
        margin-bottom: 9px;
    }

    .a6, .a7, .a8 {display: none;}

    .page-widgets {display: none;}


    footer div.logo-twin {
        flex-direction: column;
        align-items: flex-start;
    }

    .aitsl-logo-link {display: none;}

    .icon-head-adj {
        margin-top: 20px;
        margin-left: 0px;
        margin-bottom: 7px;
    }

    .ad-block ul { padding-left: 20px; }
}



@media (max-width: 400px) {

/*    body { border:1px solid blue;}

    h1 { font-size: 1rem; }*/

    footer div.logo-twin {flex-direction:column; align-items: flex-start;}
}