/*=====================villager================*/
.villager-container{
    position: absolute;
    bottom: 0px;
    left: 0;
}

.div-villager{
    position: absolute;
    left: 0;
    bottom: 0;/*na telefony -55px*/
}

#div-villager-name{
    display: none;
    position: absolute;
    left: 70px;
    bottom: 350px;
}

#div-villager-name span{
    background-color: rgba(64,64,64,0.7);
    padding: 2px 5px;
    font-size: 150%;
}

#div-cool-villager{
    position: relative;
    z-index: 10;
}

#div-cool-villager img{
    height: 400px;
    z-index: 1;
}

#div-cool-villager-shadow img{
    position: absolute;
    left: 32px;
    bottom: 20px;
    width: 150px;
    height: auto;
    opacity: 0.4;
}


@media (orientation:landscape){
    #div-cool-villager img{
        height: 350px;
    }
    #div-villager-name{
        /*left: 60px;
        bottom: 300px;*/
        display: block;
        left: 50px;
        bottom: 300px;
    }
    #div-cool-villager-shadow img{
        left: 40px;
        bottom: 20px;
        width: 110px;
    }
}

@media (min-height:605px){
    #div-cool-villager img{
        height: 500px;
    }
    #div-villager-name{
        /*left: 100px;
        bottom: 450px;*/
        
        left: 70px;
        bottom: 450px;

        font-size: 150%;
    }
    #div-cool-villager-shadow img{
        left: 57px;
        bottom: 25px;
        width: 150px;
    }
}

@media (min-height:780px){
    #div-cool-villager img{
        height: 600px;
    }
    #div-villager-name{
        /*left: 130px;
        bottom: 540px;*/
        
        left: 85px;
        bottom: 540px;

        font-size: 170%;
    }
    #div-cool-villager-shadow img{
        left: 70px;
        bottom: 25px;
        width: 190px;
    }
}

@media (min-height:900px){
    #div-cool-villager img{
        height: 700px;
    }
    #div-villager-name{
        /*left: 160px;
        bottom: 640px;*/
        left: 90px;
        bottom: 640px;

        font-size: 200%;
    }
    #div-villager-name span{
        padding: 2px 20px;
    }
    #div-cool-villager-shadow img{
        left: 80px;
        bottom: 30px;
        width: 220px;
    }
}