.bg-home {
    background-image: url(../img/pages/mobile/home.jpg);
    background-size: cover;
    background-position: right;
}
.bg-about {
    background-image: url(../img/pages/mobile/about.jpg);
    background-size: cover;
    background-position: center;
}
.bg-contact {
    background-image: url(../img/pages/mobile/contact.jpg);
    background-size: cover;
    background-position: left;
}
.hide-on-mobile {
    visibility: hidden!important;
    display: hidden!important;
}
.hide-on-desktop {
    visibility: visible!important;
    display: inline-block!important;
}

@media (min-width: 767px) and (orientation: landscape) {
    .bg-home {
        background-image: url(../img/pages/home.jpg);
    }
    .bg-about {
        background-image: url(../img/pages/about.jpg);
    }
    .bg-contact {
        background-image: url(../img/pages/contact.jpg);
    }
    .hide-on-mobile {
        visibility: visible!important;
        display: inline-block!important;
    }
    .hide-on-desktop {
        visibility: hidden!important;
        display: hidden!important;
    }
}