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

    #pais{
        font-size: 2rem;
    }
    #ciudad{
        font-size: 1.5rem;
    }
    .icon{
        margin-top: 18px;
    }
    #icom-clima{
        width: 280px;
    }
    .num{
        transform: translateY(-40px);
    }
    #temperatura{
        font-size: 3rem;
    }
    .min-max{
        margin-top: 0;
    }

    .contai-ia{
        margin: 5px 15px;
    }
    .item-ia{
        border-radius: 2px;

        font-size: 1.2rem;
        margin-bottom: 3px;
    }
    .temp{
        font-size: 1.2rem;
    }

    .descripcion-cont{
        transform: translateY(-20px);
    }

    .descripcion{
        font-size: 2rem;

    }

    .fecha{

        margin-bottom: 30px;

    }
    .hora{
        font-size: 1.5rem;

    }

    .container{
        height: 95%;
    }






}


@media screen and (max-width:420px){
    .container{
    }

    .icon{
        margin-top: 45px;
    }
    #icom-clima{
        width: 250px;
    }

    .num{
        transform: translateY(-50px);
    }
    #temperatura{
        font-size: 3rem;
    }

    .descripcion-cont{
        transform: translateY(-50px);
    }

    .descripcion{
        font-size: 1.8rem;
    }
    .fecha{
        margin-bottom: 10px;

    }
    .hora{
        font-size: 1.5rem;

    }





}