
@media screen and (max-width: 800px)   {
    #meteo-frame {
        zoom: 0.35;
    }
    .fonte {
        zoom: 0.35;
    }
    .frame-veg {
        zoom: 0.25;
    }
    .frame-veg {
        zoom: 0.5;
    }

    .inner .table-col {
        width: initial;
    }
    .inner .table-row {
        flex-direction: column;

    }

    .inner .table-wrapper::after {
        display: none;
    }

    h1 {
        font-size: 2.4rem;
        line-height: 110%;

        margin-bottom: 1.2rem;
    }
    h2 {
        font-size: 2rem;
        line-height: 110%;
        margin-bottom: .5rem;
    }
    p {
        font-size: 1.4rem;

    }

    #back {
        left: initial;
        right: 2px;
        padding: 0 16px;
    }
    .table-row-2.four {
        flex-direction: column;
    }
    #meteo-frame {
        zoom: 0.5;
    }
    .fonte {
        zoom: .5;
    }
}

@media screen and (max-width: 500px) {

    .table-row-2.four .pikture-100.app.vert {
        padding: 0;
    }

    #meteo-frame {
        zoom: 0.25;
    }
    .fonte {
        zoom: .25;
    }
    .frame-veg {
        zoom: 0.25;
    }
    h1 {
        font-size: 1.8rem;
    }
    h2 {
        font-size: 1.6rem;
    }

    h3 {
        font-size: 1.3rem;
    }


}