.logo{
    position: absolute;
    width: 36%;
    left: 51.3%;
    top: 89.6%;
}
@media only screen and (orientation: landscape) {
    .logo{
        width: 20%;
        left: 60%;
        top: 81.5%;
    }
}
@media only screen and (orientation: landscape) and (min-width:  1024px){
    .logo{
        width: 17.5%;
        left: 62.5%;
    }
}